Under the hood, the Page Builder Slider uses the slick carousel. In this example, we show you how to add two slick settings not included in the native Page Builder Slider: centerMode and centerPadding, as shown here:
Slider Center Mode and Padding from slick
To install this extension module:
- Copy the
PageBuilderExtensionSliderdirectory and all its contents into a new (or your existing)Examplevendor directory:<magento-root>/app/code/Example. - Command line into your
<magento-root>directory and runbin/magento setup:upgradeto install the extension. - Navigate to a Page Builder instance, drag a Slider onto the Admin stage, and add two or three Slides.
- Open the Slider Editor, turn on the Center Mode setting, and adjust the Center Padding as desired.
- Save the form settings and view your new center-mode Slider in action.
We encourage and welcome you to help us keep these examples current by submitting pull requests and issues. We also welcome your feedback and ideas on other code examples you would like to see added to this repo.
You can join our #pagebuilder channel, within magentocommeng.slack.com, to post your questions to the Page Builder community.