Slideshow v1
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.
:::tip[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
Select Reverse layout to change position
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.
2. Lookbook actionβ
Effect on dots: Hover, Click
Open as: Simple product popup, Quickview
3. Lookbook settingsβ
Select Dots style: simple, plus, number Select Button style: dark, light, color
4. Lookbook itemβ
To tag products on the item image, you must add the chosen products. Then, use the offset top and left to adjust the annotation icon. You can add up to 2 products/annotation icons for one lookbook item (image).
Add focal point: This feature helps you select the most important part of an image for your store. It ensures that the focal points of the image always remain visible, even if a section crops the image to fit the layout.
Please follow this link for more information.
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
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
3. Small title settingsβ
Add some text for the slideβs small title, then determine the content's size, custom a value in the text weight, and Choose the title's effect
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 style, Button size option, Custom Border radius, Button padding and Choose the button's effect .
5. Image settingsβ
You can add images for desktop and mobile versions separately.
Add focal point: This feature helps you select the most important part of an image for your store. It ensures that the focal points of the image always remain visible, even if a section crops the image to fit the layout.
Please follow this link for more information.
6. Video settingsβ
Higher priority than Background image and background color
7. Background settingsβ
The priority is lower than Video and higher than Background color
1920x900px is recommended for desktop & 600x480px is recommended for mobile.
8. Slideshow color schemeβ
Edit all your theme's colors.
Background color has a lower Priority than Video and Background image