Skip to content

Latest commit

 

History

History
25 lines (16 loc) · 1.51 KB

File metadata and controls

25 lines (16 loc) · 1.51 KB

PageBuilderExtensionSlider

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

Slider Center Mode and Padding from slick

Installation and usage

To install this extension module:

  1. Copy the PageBuilderExtensionSlider directory and all its contents into a new (or your existing) Example vendor directory: <magento-root>/app/code/Example.
  2. Command line into your <magento-root> directory and run bin/magento setup:upgrade to install the extension.
  3. Navigate to a Page Builder instance, drag a Slider onto the Admin stage, and add two or three Slides.
  4. Open the Slider Editor, turn on the Center Mode setting, and adjust the Center Padding as desired.
  5. Save the form settings and view your new center-mode Slider in action. 

Feedback

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. 

Slack

You can join our #pagebuilder channel, within magentocommeng.slack.com, to post your questions to the Page Builder community.