Slideshow
Combines images, text, and call-to-action buttons in your 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.
Steps
  1. 1.
    In the theme editor (Customize), click Add section
  2. 2.
    Locate Slideshow
  3. 3.
    Save

Section settings

1. Design settings

In this settings, you can choose the container type for the slideshow:
And the slide height:
When choosing "Adapt to first slide image", the slide height will follow the image ratio of the first slide. It will not be cropped.

2. Auto-rotate slides

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

Block settings

Since each theme blocks have its own settings, you need to click each block to modify it.

1. Background settings

You can add images for desktop and mobile versions separately.
1920x900px is recommended for desktop & 600x480px is recommended for mobile.

2. Content

Add some text for the slide’s heading and subheading, then determine the content's color, size, and position by choosing a value in the text color/size, content position, and alignment drop-down.

3. Button

You can display a call-to-action button to redirect customers to your desired pages/collections. Add a Label and Link, then choose a Button style and adjust the Button size. Leave the button label blank if you don't want to display the button in your slide.
Enable/Disable the footer by ticking/unticking the checkbox. Footer works as a second call-to-action button that redirects customers to your desired pages/collections.
Copy link
On this page
Section settings
1. Design settings
2. Auto-rotate slides
Block settings
1. Background settings
2. Content
3. Button