Zest Theme
Zest Theme
Theme Sections

Slideshow

2 min read
image

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

image
SettingDescription
Slide heightControls height of the slideshow
Show paginationToggle on to display dots or counters showing slide number
Show navigationShow left/right arrows to manually navigate slides
image
Auto-rotate slidesAutomatically advance slides after a set time
Change slides everySet how many seconds before slides rotate (if auto-rotate is enabled)
Controls backgroundChoose the color style for nav arrows:
β€’ Dark
β€’ Light
β€’ None
imageimageimage
Desktop controls positionPosition nav arrows: Left, Center, or Right
Pagination typeChoose between:
β€’ Dots – simple visual dots
β€’ Counter – e.g., β€œ1 / 2”
image
Show content below images on mobileIf enabled, moves all text/buttons below the image on mobile
image
Mobile content alignmentAlign text on mobile: Left, Center, or Right
Slideshow descriptionAdd 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.
SettingDescription
Image / VideoUpload desktop image or Shopify-hosted video
Mobile imageUpload alternate image optimized for mobile
Image overlay opacityAdd a dark overlay on top of the image to improve text readability
Desktop content positionPlace content vertically (Top, Middle, Bottom)
Desktop content alignmentAlign horizontally (Left, Center, Right)
Heading / SubheadingAdd and style main text elements
DescriptionAdd supporting text under headings
Text color / Heading colorAdjust for readability over background
Heading sizeOptions from Medium to Extra Large
Button 1 & 2Add label, link, style, and size for up to 2 CTA buttons
image
image
Last updated