Hero Slideshow
How to use the Hero Slideshow section in the Meditative Folks Theme.
Hero Slideshow
At a glance
The Hero Slideshow is a full-width image carousel for your homepage or landing pages. Add multiple slides with images, headings, subheadings, and call-to-action buttons. Slides can autoplay and optionally show progress indicators.
Where to find it
- Theme editor path: Online Store → Customize → select the relevant page → Hero Slideshow
- Add to a page: Add via Add section → category Banners.
Screenshot needed
Hero Slideshow in the theme editor
Screenshot of the Hero Slideshow section in the theme editor left sidebar. Show the settings panel and the live preview so merchants can match labels to what they see.
Settings
Layout
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Full width banner | If disabled the banner content will be constrained to a centered max width | Yes | Always |
| Banner border radius | Rounded corners for the banner (px) | 0 | Always |
| Padding top | Adds empty space (padding top) around the section content. | 0 | Always |
| Padding bottom | Adds empty space (padding bottom) around the section content. | 0 | Always |
Autoplay & Timing
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Enable autoplay | Automatically cycle through slides | Yes | Always |
| Slide duration | Duration each slide is displayed (in milliseconds) | 5000 | Autoplay is on |
| Image load priority | Control which banner images receive loading and fetchpriority hints. | automatic | Always |
| Pause animation on hover | Pause automatic slide animation while the user hovers over the banner. | No | Autoplay is on |
| Pause animation on focus | Pause automatic slide animation while banner controls are focused. | No | Autoplay is on |
Animation
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Enable Ken Burns effect | Subtle zoom animation on images during slide transitions | No | Always |
Controls
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show progress indicators | Show progress indicators for slides | Yes | Always |
| Indicator size | Size of the progress indicator dots | lg | Show indicators is on |
| Indicator position | Where to position the progress indicators | bottom-right | Show indicators is on |
| Indicator orientation | Orientation of the progress indicator dots | vertical | Show indicators is on |
| Progress circle color | Choose the color used for the active progress circle. | #FFFFFF | Show indicators is on |
Separator
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show separator line | Display a separator line below the banner. | No | Always |
| Use global separator color | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | Show separator is on |
| Separator color | Choose the color of the separator line. | #E5E5E5 | Show separator is on and Use global separator color is off |
| Separator thickness | Set the thickness of the separator line. | 2 | Show separator is on |
| Separator margin top | Additional space above the separator. | 0 | Show separator is on |
| Separator margin bottom | Additional space below the separator. | 0 | Show separator is on |
Color Scheme
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Color scheme | Applies a color scheme from Theme settings → Colors. | scheme-1 | Always |
Blocks
| Block | Purpose | Limit |
|---|---|---|
| Image Slide | Add and configure in theme editor. | — |
| Video Slide | Add and configure in theme editor. | — |
Image Slide settings
Images
| Setting | What it does | Default | Shows when |
|---|
Upload different images for optimal display on each device type. The banner will automatically use the best image for each screen size.
| Mobile image | Recommended: 828 x 1242 px (portrait-friendly) | — | Always | | Tablet image | Recommended: 1536 x 1024 px | — | Always | | Desktop image | Recommended: 2560 x 1280 px (2:1 ratio for hero banners) | — | Always |
Aspect ratio
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Aspect ratio (mobile) | Controls “Aspect ratio (mobile)” on the storefront. Open the theme editor to preview live. | adapt | Always |
| Aspect ratio (tablet) | Controls “Aspect ratio (tablet)” on the storefront. Open the theme editor to preview live. | adapt | Always |
| Aspect ratio (desktop) | Controls “Aspect ratio (desktop)” on the storefront. Open the theme editor to preview live. | adapt | Always |
| Image fit | How the image should fit within the banner | cover | Always |
| Image position | Where to position the image | top | Always |
| Image link | Optional URL to navigate to when the image is clicked | — | Always |
| Image alt text | Optional alt text for the slide image. Falls back to the image alt from Shopify media, then the slide heading. | — | Always |
Overlay
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show overlay | Add a color overlay to improve text readability | Yes | Always |
| Overlay color | Controls “Overlay color” on the storefront. Open the theme editor to preview live. | #000000 | Show overlay is on |
| Overlay opacity | Controls “Overlay opacity” on the storefront. Open the theme editor to preview live. | 0.1 | Show overlay is on |
Content
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show content | Shows or hides this block without removing it from the section. | Yes | Always |
| Heading | Controls “Heading” on the storefront. Open the theme editor to preview live. | Heading | Show content is on |
| Use global heading styles | Use H2 heading styles from your global theme settings. | Yes | Show content is on |
| Heading font size (mobile) | Sets heading font size (mobile) in pixels for the matching screen size. | 26 | Show content is on and Use global heading styles is off |
| Heading font size (tablet) | Sets heading font size (tablet) in pixels for the matching screen size. | 29 | Show content is on and Use global heading styles is off |
| Heading font size (desktop) | Sets heading font size (desktop) in pixels for the matching screen size. | 33 | Show content is on and Use global heading styles is off |
| Heading font weight | Sets how bold heading text appears. | 500 | Show content is on and Use global heading styles is off |
| Subheading | Controls “Subheading” on the storefront. Open the theme editor to preview live. | This a subheading | Show content is on |
| Use global subheading styles | Use text styles from your global theme settings. | Yes | Show content is on |
| Subheading font size (mobile) | Sets subheading font size (mobile) in pixels for the matching screen size. | 16 | Show content is on and Use global subheading styles is off |
| Subheading font size (tablet) | Sets subheading font size (tablet) in pixels for the matching screen size. | 18 | Show content is on and Use global subheading styles is off |
| Subheading font size (desktop) | Sets subheading font size (desktop) in pixels for the matching screen size. | 19 | Show content is on and Use global subheading styles is off |
| Subheading max width | Controls “Subheading max width” on the storefront. Open the theme editor to preview live. | 500 | Show content is on and subHeading is filled in |
| Heading text color | Controls “Heading text color” on the storefront. Open the theme editor to preview live. | #FFFFFF | Show content is on |
| Subheading text color | Controls “Subheading text color” on the storefront. Open the theme editor to preview live. | #FFFFFF | Show content is on |
| Button text | Controls “Button text” on the storefront. Open the theme editor to preview live. | — | Show content is on |
| Button link | Controls “Button link” on the storefront. Open the theme editor to preview live. | — | Show content is on |
| Button variant | Choose the button style. | primary | Show content is on |
| Button size | Choose the button size. | medium | Show content is on |
| Use global button styles | Use button styles from your global theme settings. | Yes | Show content is on |
| Button background | Controls “Button background” on the storefront. Open the theme editor to preview live. | #ffffff | Show content is on and Use global button styles is off |
| Button text color | Controls “Button text color” on the storefront. Open the theme editor to preview live. | #000000 | Show content is on and Use global button styles is off |
| Enable shimmer | Adds a moving highlight across the button or ribbon. | Yes | Show content is on |
Content Position
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Horizontal alignment | Controls “Horizontal alignment” on the storefront. Open the theme editor to preview live. | center | Show content is on |
| Vertical alignment | Controls “Vertical alignment” on the storefront. Open the theme editor to preview live. | center | Show content is on |
| Text alignment | Controls “Text alignment” on the storefront. Open the theme editor to preview live. | center | Show content is on |
Country visibility
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show in country | Enter ISO country codes separated by commas, for example: IN, CA. Leave blank to show in all countries. | — | Always |
| Exclude from country | Enter ISO country codes separated by commas to hide this slide in those markets. Leave blank to exclude no countries. | — | Always |
Video Slide settings
Choose a different video for mobile, tablet, and desktop. Tablet and desktop fall back to the previous device when left empty.
Mobile video
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Video type | Controls “Video type” on the storefront. Open the theme editor to preview live. | shopify | Always |
| Video | Controls “Video” on the storefront. Open the theme editor to preview live. | — | video type mobile == 'shopify' |
| Video URL | Enter a YouTube or Vimeo link | — | video type mobile == 'external' |
Tablet video
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Video type | Controls “Video type” on the storefront. Open the theme editor to preview live. | shopify | Always |
| Video | Controls “Video” on the storefront. Open the theme editor to preview live. | — | video type tablet == 'shopify' |
| Video URL | Enter a YouTube or Vimeo link | — | video type tablet == 'external' |
Desktop video
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Video type | Controls “Video type” on the storefront. Open the theme editor to preview live. | shopify | Always |
| Video | Controls “Video” on the storefront. Open the theme editor to preview live. | — | video type desktop == 'shopify' |
| Video URL | Enter a YouTube or Vimeo link | — | video type desktop == 'external' |
| Video fit | How the video should fit within the banner | cover | Always |
| Video position | Where to position the video | center | Always |
Video settings
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Autoplay videos | Automatically advances slides without the customer clicking. | Yes | Always |
| Loop videos | Controls “Loop videos” on the storefront. Open the theme editor to preview live. | Yes | Always |
| Mute videos | Controls “Mute videos” on the storefront. Open the theme editor to preview live. | Yes | Always |
| Show video controls | Turns “Show video controls” on or off on the storefront. | No | video_Autoplay is on |
Overlay
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show overlay | Add a color overlay to improve text readability | Yes | Always |
| Overlay color | Controls “Overlay color” on the storefront. Open the theme editor to preview live. | #000000 | Show overlay is on |
| Overlay opacity | Controls “Overlay opacity” on the storefront. Open the theme editor to preview live. | 0.1 | Show overlay is on |
Content
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show content | Shows or hides this block without removing it from the section. | Yes | Always |
| Heading | Controls “Heading” on the storefront. Open the theme editor to preview live. | Heading | Show content is on |
| Use global heading styles | Use H2 heading styles from your global theme settings. | Yes | Show content is on |
| Heading font size (mobile) | Sets heading font size (mobile) in pixels for the matching screen size. | 26 | Show content is on and Use global heading styles is off |
| Heading font size (tablet) | Sets heading font size (tablet) in pixels for the matching screen size. | 29 | Show content is on and Use global heading styles is off |
| Heading font size (desktop) | Sets heading font size (desktop) in pixels for the matching screen size. | 33 | Show content is on and Use global heading styles is off |
| Heading font weight | Sets how bold heading text appears. | 500 | Show content is on and Use global heading styles is off |
| Subheading | Controls “Subheading” on the storefront. Open the theme editor to preview live. | This a subheading | Show content is on |
| Use global subheading styles | Use text styles from your global theme settings. | Yes | Show content is on |
| Subheading font size (mobile) | Sets subheading font size (mobile) in pixels for the matching screen size. | 16 | Show content is on and Use global subheading styles is off |
| Subheading font size (tablet) | Sets subheading font size (tablet) in pixels for the matching screen size. | 18 | Show content is on and Use global subheading styles is off |
| Subheading font size (desktop) | Sets subheading font size (desktop) in pixels for the matching screen size. | 19 | Show content is on and Use global subheading styles is off |
| Subheading max width | Controls “Subheading max width” on the storefront. Open the theme editor to preview live. | 500 | Show content is on and subHeading is filled in |
| Heading text color | Controls “Heading text color” on the storefront. Open the theme editor to preview live. | #FFFFFF | Show content is on |
| Subheading text color | Controls “Subheading text color” on the storefront. Open the theme editor to preview live. | #FFFFFF | Show content is on |
| Button text | Controls “Button text” on the storefront. Open the theme editor to preview live. | — | Show content is on |
| Button link | Controls “Button link” on the storefront. Open the theme editor to preview live. | — | Show content is on |
| Button variant | Choose the button style. | primary | Show content is on |
| Button size | Choose the button size. | medium | Show content is on |
| Use global button styles | Use button styles from your global theme settings. | Yes | Show content is on |
| Button background | Controls “Button background” on the storefront. Open the theme editor to preview live. | #ffffff | Show content is on and Use global button styles is off |
| Button text color | Controls “Button text color” on the storefront. Open the theme editor to preview live. | #000000 | Show content is on and Use global button styles is off |
| Enable shimmer | Adds a moving highlight across the button or ribbon. | Yes | Show content is on |
Content Position
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Horizontal alignment | Controls “Horizontal alignment” on the storefront. Open the theme editor to preview live. | center | Show content is on |
| Vertical alignment | Controls “Vertical alignment” on the storefront. Open the theme editor to preview live. | center | Show content is on |
| Text alignment | Controls “Text alignment” on the storefront. Open the theme editor to preview live. | center | Show content is on |
Country visibility
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show in country | Enter ISO country codes separated by commas, for example: IN, CA. Leave blank to show in all countries. | — | Always |
| Exclude from country | Enter ISO country codes separated by commas to hide this slide in those markets. Leave blank to exclude no countries. | — | Always |
Setting details
Each control from the tables above, explained simply:
Full width banner
If disabled the banner content will be constrained to a centered max width Default: Yes.
Banner border radius
Rounded corners for the banner (px) Default: 0.
Padding top
Adds empty space (padding top) around the section content. Default: 0.
Padding bottom
Adds empty space (padding bottom) around the section content. Default: 0.
Enable autoplay
Automatically cycle through slides Default: Yes.
Slide duration
Duration each slide is displayed (in milliseconds) Default: 5000. This control appears when: Autoplay is on.
Image load priority
Control which banner images receive loading and fetchpriority hints. Default: automatic.
Pause animation on hover
Pause automatic slide animation while the user hovers over the banner. Default: No. This control appears when: Autoplay is on.
Pause animation on focus
Pause automatic slide animation while banner controls are focused. Default: No. This control appears when: Autoplay is on.
Enable Ken Burns effect
Subtle zoom animation on images during slide transitions Default: No.
Show progress indicators
Show progress indicators for slides Default: Yes.
Indicator size
Size of the progress indicator dots Default: lg. This control appears when: Show indicators is on.
Indicator position
Where to position the progress indicators Default: bottom-right. This control appears when: Show indicators is on.
Indicator orientation
Orientation of the progress indicator dots Default: vertical. This control appears when: Show indicators is on.
Progress circle color
Choose the color used for the active progress circle. Default: #FFFFFF. This control appears when: Show indicators is on.
Show separator line
Display a separator line below the banner. Default: No.
Use global separator color
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Show separator is on.
Separator color
Choose the color of the separator line. Default: #E5E5E5. This control appears when: Show separator is on and Use global separator color is off.
Separator thickness
Set the thickness of the separator line. Default: 2. This control appears when: Show separator is on.
Separator margin top
Additional space above the separator. Default: 0. This control appears when: Show separator is on.
Separator margin bottom
Additional space below the separator. Default: 0. This control appears when: Show separator is on.
Color scheme
Applies a color scheme from Theme settings → Colors. Default: scheme-1.
Mobile image
Recommended: 828 x 1242 px (portrait-friendly) Default: —.
Tablet image
Recommended: 1536 x 1024 px Default: —.
Desktop image
Recommended: 2560 x 1280 px (2:1 ratio for hero banners) Default: —.
Aspect ratio (mobile)
Controls “Aspect ratio (mobile)” on the storefront. Open the theme editor to preview live. Default: adapt.
Aspect ratio (tablet)
Controls “Aspect ratio (tablet)” on the storefront. Open the theme editor to preview live. Default: adapt.
Aspect ratio (desktop)
Controls “Aspect ratio (desktop)” on the storefront. Open the theme editor to preview live. Default: adapt.
Image fit
How the image should fit within the banner Default: cover.
Image position
Where to position the image Default: top.
Image link
Optional URL to navigate to when the image is clicked Default: —.
Image alt text
Optional alt text for the slide image. Falls back to the image alt from Shopify media, then the slide heading. Default: —.
Show overlay
Add a color overlay to improve text readability Default: Yes.
Overlay color
Controls “Overlay color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Show overlay is on.
Overlay opacity
Controls “Overlay opacity” on the storefront. Open the theme editor to preview live. Default: 0.1. This control appears when: Show overlay is on.
Show content
Shows or hides this block without removing it from the section. Default: Yes.
Heading
Controls “Heading” on the storefront. Open the theme editor to preview live. Default: Heading. This control appears when: Show content is on.
Use global heading styles
Use H2 heading styles from your global theme settings. Default: Yes. This control appears when: Show content is on.
Heading font size (mobile)
Sets heading font size (mobile) in pixels for the matching screen size. Default: 26. This control appears when: Show content is on and Use global heading styles is off.
Heading font size (tablet)
Sets heading font size (tablet) in pixels for the matching screen size. Default: 29. This control appears when: Show content is on and Use global heading styles is off.
Heading font size (desktop)
Sets heading font size (desktop) in pixels for the matching screen size. Default: 33. This control appears when: Show content is on and Use global heading styles is off.
Heading font weight
Sets how bold heading text appears. Default: 500. This control appears when: Show content is on and Use global heading styles is off.
Subheading
Controls “Subheading” on the storefront. Open the theme editor to preview live. Default: This a subheading. This control appears when: Show content is on.
Use global subheading styles
Use text styles from your global theme settings. Default: Yes. This control appears when: Show content is on.
Subheading font size (mobile)
Sets subheading font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: Show content is on and Use global subheading styles is off.
Subheading font size (tablet)
Sets subheading font size (tablet) in pixels for the matching screen size. Default: 18. This control appears when: Show content is on and Use global subheading styles is off.
Subheading font size (desktop)
Sets subheading font size (desktop) in pixels for the matching screen size. Default: 19. This control appears when: Show content is on and Use global subheading styles is off.
Subheading max width
Controls “Subheading max width” on the storefront. Open the theme editor to preview live. Default: 500. This control appears when: Show content is on and subHeading is filled in.
Heading text color
Controls “Heading text color” on the storefront. Open the theme editor to preview live. Default: #FFFFFF. This control appears when: Show content is on.
Subheading text color
Controls “Subheading text color” on the storefront. Open the theme editor to preview live. Default: #FFFFFF. This control appears when: Show content is on.
Button text
Controls “Button text” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: Show content is on.
Button link
Controls “Button link” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: Show content is on.
Button variant
Choose the button style. Default: primary. This control appears when: Show content is on.
Button size
Choose the button size. Default: medium. This control appears when: Show content is on.
Use global button styles
Use button styles from your global theme settings. Default: Yes. This control appears when: Show content is on.
Button background
Controls “Button background” on the storefront. Open the theme editor to preview live. Default: #ffffff. This control appears when: Show content is on and Use global button styles is off.
Button text color
Controls “Button text color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Show content is on and Use global button styles is off.
Enable shimmer
Adds a moving highlight across the button or ribbon. Default: Yes. This control appears when: Show content is on.
Horizontal alignment
Controls “Horizontal alignment” on the storefront. Open the theme editor to preview live. Default: center. This control appears when: Show content is on.
Vertical alignment
Controls “Vertical alignment” on the storefront. Open the theme editor to preview live. Default: center. This control appears when: Show content is on.
Text alignment
Controls “Text alignment” on the storefront. Open the theme editor to preview live. Default: center. This control appears when: Show content is on.
Show in country
Enter ISO country codes separated by commas, for example: IN, CA. Leave blank to show in all countries. Default: —.
Exclude from country
Enter ISO country codes separated by commas to hide this slide in those markets. Leave blank to exclude no countries. Default: —.
Video type
Controls “Video type” on the storefront. Open the theme editor to preview live. Default: shopify.
Video
Controls “Video” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: video type mobile == 'shopify'.
Video URL
Enter a YouTube or Vimeo link Default: —. This control appears when: video type mobile == 'external'.
Video type
Controls “Video type” on the storefront. Open the theme editor to preview live. Default: shopify.
Video
Controls “Video” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: video type tablet == 'shopify'.
Video URL
Enter a YouTube or Vimeo link Default: —. This control appears when: video type tablet == 'external'.
Video type
Controls “Video type” on the storefront. Open the theme editor to preview live. Default: shopify.
Video
Controls “Video” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: video type desktop == 'shopify'.
Video URL
Enter a YouTube or Vimeo link Default: —. This control appears when: video type desktop == 'external'.
Video fit
How the video should fit within the banner Default: cover.
Video position
Where to position the video Default: center.
Autoplay videos
Automatically advances slides without the customer clicking. Default: Yes.
Loop videos
Controls “Loop videos” on the storefront. Open the theme editor to preview live. Default: Yes.
Mute videos
Controls “Mute videos” on the storefront. Open the theme editor to preview live. Default: Yes.
Show video controls
Turns “Show video controls” on or off on the storefront. Default: No. This control appears when: video_Autoplay is on.
Show overlay
Add a color overlay to improve text readability Default: Yes.
Overlay color
Controls “Overlay color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Show overlay is on.
Overlay opacity
Controls “Overlay opacity” on the storefront. Open the theme editor to preview live. Default: 0.1. This control appears when: Show overlay is on.
Show content
Shows or hides this block without removing it from the section. Default: Yes.
Heading
Controls “Heading” on the storefront. Open the theme editor to preview live. Default: Heading. This control appears when: Show content is on.
Use global heading styles
Use H2 heading styles from your global theme settings. Default: Yes. This control appears when: Show content is on.
Heading font size (mobile)
Sets heading font size (mobile) in pixels for the matching screen size. Default: 26. This control appears when: Show content is on and Use global heading styles is off.
Heading font size (tablet)
Sets heading font size (tablet) in pixels for the matching screen size. Default: 29. This control appears when: Show content is on and Use global heading styles is off.
Heading font size (desktop)
Sets heading font size (desktop) in pixels for the matching screen size. Default: 33. This control appears when: Show content is on and Use global heading styles is off.
Heading font weight
Sets how bold heading text appears. Default: 500. This control appears when: Show content is on and Use global heading styles is off.
Subheading
Controls “Subheading” on the storefront. Open the theme editor to preview live. Default: This a subheading. This control appears when: Show content is on.
Use global subheading styles
Use text styles from your global theme settings. Default: Yes. This control appears when: Show content is on.
Subheading font size (mobile)
Sets subheading font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: Show content is on and Use global subheading styles is off.
Subheading font size (tablet)
Sets subheading font size (tablet) in pixels for the matching screen size. Default: 18. This control appears when: Show content is on and Use global subheading styles is off.
Subheading font size (desktop)
Sets subheading font size (desktop) in pixels for the matching screen size. Default: 19. This control appears when: Show content is on and Use global subheading styles is off.
Subheading max width
Controls “Subheading max width” on the storefront. Open the theme editor to preview live. Default: 500. This control appears when: Show content is on and subHeading is filled in.
Heading text color
Controls “Heading text color” on the storefront. Open the theme editor to preview live. Default: #FFFFFF. This control appears when: Show content is on.
Subheading text color
Controls “Subheading text color” on the storefront. Open the theme editor to preview live. Default: #FFFFFF. This control appears when: Show content is on.
Button text
Controls “Button text” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: Show content is on.
Button link
Controls “Button link” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: Show content is on.
Button variant
Choose the button style. Default: primary. This control appears when: Show content is on.
Button size
Choose the button size. Default: medium. This control appears when: Show content is on.
Use global button styles
Use button styles from your global theme settings. Default: Yes. This control appears when: Show content is on.
Button background
Controls “Button background” on the storefront. Open the theme editor to preview live. Default: #ffffff. This control appears when: Show content is on and Use global button styles is off.
Button text color
Controls “Button text color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Show content is on and Use global button styles is off.
Enable shimmer
Adds a moving highlight across the button or ribbon. Default: Yes. This control appears when: Show content is on.
Horizontal alignment
Controls “Horizontal alignment” on the storefront. Open the theme editor to preview live. Default: center. This control appears when: Show content is on.
Vertical alignment
Controls “Vertical alignment” on the storefront. Open the theme editor to preview live. Default: center. This control appears when: Show content is on.
Text alignment
Controls “Text alignment” on the storefront. Open the theme editor to preview live. Default: center. This control appears when: Show content is on.
Show in country
Enter ISO country codes separated by commas, for example: IN, CA. Leave blank to show in all countries. Default: —.
Exclude from country
Enter ISO country codes separated by commas to hide this slide in those markets. Leave blank to exclude no countries. Default: —.
Tips
- Upload separate images for mobile, tablet, and desktop so heroes look sharp on every device.
- Keep slide duration at 5–8 seconds so visitors have time to read your message.
- Use country visibility on slides when running market-specific campaigns.