Skip to Content

CMS Elements

About

In this guide you’ll find how to create various html coded elements that are not available in Magento’s Pagebuilder.

Magento’s Pagebuilder allows to create slider with one slide per screen. Here is how you can create a slider with multiple slides per screen:

<div data-content-type="slider" data-mage-init='{"Magento_PageBuilder/js/content-type/slider/appearance/default/widget":{"arrows": true, "dots": true}}'>
  <div class="slick-list" style="gap:15px">
    <div><img width="180" height="100" src="{{media url=image1.png}}"/></div>
    <!-- ... -->
    <div><img width="180" height="100" src="{{media url=image8.png}}"/></div>
  </div>
</div>