Theme Sections
Slideshow
2 min read
_JoLAN3yw.jpg)
How to add a Slideshow to your Shopify store
- In the theme editor (Customize), click Add section
- Locate Slideshow
- Make necessary changes
- 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
- In the Slideshow section, click Add block.
- Choose:
- Image slide β displays a static banner
- Video slide β supports Shopify-hosted videos
- Make necessary changes.
- 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 |


Last updated





