Slideshow

A slideshow is a quick and interactive way to showcase content and information on your online store.


Slideshow lets you display your most popular products/collections or shout out about what's new with a call-to-action button.

1. Our guide to set up a Slideshow section:

Steps:

  • In the theme editor, click Add section.

  • Select Slideshow.

  • Click Save.

2. Section blocks: Image slide

  • Add some text for the slide’s Heading and Subheading, then determine the content's size by choosing a value in the Heading size (Small, Medium, and Large).

  • You can display a call-to-action button to redirect customers to your desired pages/collections. Add a Label and Link. Leave the button label blank if you don't want to display the button in your slide.

  • You can use the dropdown options to change the position of the content on the Slide (desktop view). Available positions are Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, and Bottom right.

  • You can change the Desktop/Mobile content alignment: choose between Left, Center, or Right.

3. Slideshow section settings:

  • Click on the Slideshow section to open the section settings.

  • Design settings:

You can adjust the Slide height for the slideshow:

When choosing "Adapt to first slide image", the slide height will follow the image ratio of the first slide. It will not be cropped.

  • Auto-rotate slides:

Enable Auto-rotate slides to run the slideshow automatically. The duration time to change slides is between 3-9 seconds. If you don't want to use rotation, you can disable it and use pagination or navigation.

Last updated