Slideshow

Showcase your brand’s story through full-width hero banners and engaging videos

Highlight key messages, promotions, or brand visuals using a mix of image and video slides. Each slide can include overlay text and up to two buttons to encourage visitors to explore further.

How to add a Slideshow to your Shopify store

Steps

1. In the theme editor (Customize), click Add section

2. Locate Slideshow

3. Make necessary changes

4. Save.

How to edit a Slideshow

Section settings

Setting	Description
Slide height	Controls height of the slideshow
Show pagination	Toggle on to display dots or counters showing slide number
Show navigation	Show left/right arrows to manually navigate slides
Auto-rotate slides	Automatically advance slides after a set time
Change slides every	Set how many seconds before slides rotate (if auto-rotate is enabled)
Controls background	Choose the color style for nav arrows: Dark Light None
Desktop controls position	Position nav arrows: Left, Center, or Right
Pagination type	Choose between: • Dots – simple visual dots • Counter – e.g., “1 / 2”
Show content below images on mobile	If enabled, moves all text/buttons below the image on mobile
Mobile content alignment	Align text on mobile: Left, Center, or Right
Slideshow description	Add alt text for screen readers (accessibility best practice)

Block settings

Since theme blocks have their own settings, you need to click each block to modify it. It features options to fine-tune the text, image, and call-to-action components.

Steps

1. In the Slideshow section, click Add block.

2. Choose:

   • Image slide – displays a static banner

   • Video slide – supports Shopify-hosted videos

3. Make necessary changes.

4. Save.

Setting	Description
Image / Video	Upload desktop image or Shopify-hosted video
Mobile image	Upload alternate image optimized for mobile
Image overlay opacity	Add a dark overlay on top of the image to improve text readability
Desktop content position	Place content vertically (Top, Middle, Bottom)
Desktop content alignment	Align horizontally (Left, Center, Right)
Heading / Subheading	Add and style main text elements
Description	Add supporting text under headings
Text color / Heading color	Adjust for readability over background
Heading size	Options from Medium to Extra Large
Button 1 & 2	Add label, link, style, and size for up to 2 CTA buttons