The Slideshow section is a full-width, multi-slide carousel typically used as the homepage hero, cycling through several images/messages with autoplay and navigation controls.
Section Settings #
Color scheme #
Choose a predefined color scheme to control the section’s background, text, and accent colors, keeping it consistent with the rest of the theme design.
Section width #
Control how wide the section appears on the page.
Options:
- Page
- Full
Image height #
Choose one of the available options from the dropdown.
Options:
- Adapt to first image
- Small
- Medium
- Large
- Full screen
Enable product hotspot #
Toggle this feature on or off.
Product hotspot heading #
Enter the text content to display.
Autoplay slideshow #
Enable to automatically rotate through slides without requiring the customer to click.
Speed (ms) #
Control how many seconds each slide is shown before automatically advancing (only applies when autoplay is enabled).
Show navigation #
Control the visibility of navigation arrows/dots.
Show scrollbar #
Toggle this feature on or off.
Pagination style #
Choose one of the available options from the dropdown.
Options:
- Dots
- Numbers line
- Circle progress
Autoplay interval #
Use the slider to fine-tune this value numerically.
Top padding #
Add vertical spacing above the section content for better layout balance with the section above it.
Bottom padding #
Add vertical spacing below the section content for better layout balance with the section below it.
Slide block #
The Slide block defines a single slide’s content within slideshow-style sections.
Settings:
- Desktop image — Upload an image to use for this element.
- Mobile image — Upload an image to use for this element.
- Thumbnail image — Upload an image to use for this element.
- Product link — Set the destination link — this can point to a product, collection, page, blog article, or external URL.
- Content position — Choose one of the available options from the dropdown. Options: Top, Bottom, Center.
- Content align — Choose one of the available options from the dropdown. Options: Left, Right, Center.
