Skip to main content

Slideshow v

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.

slideshow demo

steps:
  1. In the theme editor (Customize), click Add section
  2. Locate Slideshow
  3. Save

Section settings​

1. Design settings​

Choose the container type to determine where to place the slide's content

Identify the button that facilitate the transition between slides. Additionally, consider configuring the carousel to automatically advance to the next slide after a predetermined period.

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.

slideshow demo

2. General setting​

Section color scheme: lets you select a predefined color scheme for the section, which applies to the text and background.

Background image The priority is higher than Background color

Use parallax enables a parallax scrolling effect for the background image (if one is set)

Section padding allows you to specify the space between the testimonials and the preceding or following sections, or both.

testimonials demo

Block settings​

Select Reverse layout to change position

1. Subtitle settings​

Add some text for the slide’s subtitle, then determine the content's size, custom a value in the text weight, and Choose the title's effect

slideshow demo

2. Title settings​

Add some text for the slide’s title, then determine the content's size, custom a value in the text weight, and Choose the title's effect

slideshow demo

3. Description settings​

Add some text for the slide’s description, then determine the content's size, custom a value in the text weight

slideshow demo

4. Button settings​

You have the flexibility to modify the label displayed on the button right here. Additionally, you can custom the button by selecting the Button mode, Button style, Button size option, Custom Border radius, Button padding

slideshow demo

5. Video settings​

Higher priority than Background image and background color

slideshow demo

6. Background settings​

The priority is lower than Video and higher than Background color

info

1920x900px is recommended for desktop & 600x480px is recommended for mobile.

slideshow demo

7. Slideshow color scheme​

Edit all your theme's colors.
Background color has a lower Priority than Video and Background image

slideshow demo