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
These steps assume you have already cloned the pagebuilder-examples repo to the root of your Magento instance, as described in Installing the example modules:
-
Navigate to to the
app/code/directory and create a symlink using the following command:ln -s ../../pagebuilder-examples/Slider
-
From the Magento root directory, run the
setup:upgradecommand to install and enable the module:bin/magento setup:upgrade
-
Navigate to a CMS, drag a Slider onto the Admin stage, and add at least 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.
Bruce Denham. Contact us on the Slack #pagebuilder channel for questions specific to this example.
We encourage and welcome you to help us keep these examples current by submitting Issues and Pull Requests. We also welcome your feedback and ideas on other code examples you would like to see added to this repo.