Slideshow

Combine images, text, and call-to-action buttons in your slideshow section

What is a slideshow

A slideshow is a quick and interactive way to showcase content and information on your site. Slideshow lets you display your most popular products/collections or shout out about what's new with a call-to-action button.

Customize a slideshow

After adding a slideshow section, you can start customizing it to your liking.

Section settings

Container

You can choose your Container type as Fixed width/Full width/Narrow width/Extended width.

Slide height

There are 5 options for the slide height to choose from:

  • Adapt to image

  • Small

  • Medium

  • Large

  • Custom height.

If you choose Custom height, use the toggle to adjust the slide height value between 0 and 800 px.

Check the corresponding boxes if you want to enable navigation and/or pagination on your slideshow.

Please note, navigation and/or pagination show when you have two or more image slide blocks in your slideshow.

You can also make your slideshow's content auto-rotate and set the duration time (between 1 and 10s).

Mobile layout

Block settings

A Slideshow section includes:

  • Image slide

  • Video slide

  • Image only with link

Each Image slide/Video slide comes with a heading, text, and button child blocks. After adding a child block, click on it to customize.

Heading

Select a text style from your Global styles, then add text for Heading and adjust its tags if needed.

Text and Rich text

Similarly, you can choose your text styles and add text for your Text block.

Button

Add a button to direct your visitors to your desired page. Choose a button style from your Global styles; add the button's label, links, and icon (optional).

You can also set the icon position as left or right.

Last updated