Slideshow

Updated October 3, 2026 1 min read

The Slideshow shows full-width slides, each with an image, a mobile image and content blocks such as a heading, text and buttons.

How to set it up

In the theme editor, open the page you want and click Add section under Template.
Search for Slideshow and select it (1).
Set the Height (and on mobile), the Transition (fade or slide), the Navigation and autoplay.

Add Slide blocks: an image and a mobile image (a portrait crop for phones), the overlay, the content position and a text color scheme. Add heading, text and button blocks inside each slide.

Slideshow

Slides
Height	Options: Small, Medium, Large, Full screen.
Height on mobile	Options: Small, Medium, Large, Full screen.
Transition	Options: Fade, Slide.
Navigation	Options: Dots and arrows, Dots, Arrows, None.
Play automatically	A pause button is shown. Shoppers who reduce motion in their system settings start paused.
Time per slide	Slider.

Slide

Content
Image	An image from your files.
Mobile image	Optional. Use a portrait crop for phones.
Overlay opacity	Slider.
Slide link	Makes the whole slide a link. Buttons on it keep their own links.
Content position	Options: Top left, Top center, Top right, Middle left, Center, Middle right, Bottom left, Bottom center, Bottom right.
Mobile content position	Options: Top left, Top center, Top right, Middle left, Center, Middle right, Bottom left, Bottom center, Bottom right.
Text alignment	Options: Left, Center, Right.
Mobile text alignment	Options: Left, Center, Right.
Text color scheme	Use a light-text scheme on dark images.

Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.

Autoplay shows a pause button. Shoppers who reduce motion in their system settings start paused.

Still stuck?

Include your store URL and theme version — we'll get back to you.