Collection banner
How to use the Collection banner section in the Meditative Folks Theme.
Collection banner
At a glance
Hero banner for a collection page with image, title, and description.
Where to find it
- Theme editor path: Online Store → Customize → select the relevant page → Collection banner
- Add to a page: Add via Add section → category Collections.
Settings
Layout
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Full width banner | Controls “Full width banner” on the storefront. Open the theme editor to preview live. | Yes | Always |
| Banner border radius | Rounds the corners. Higher values look more pill-shaped. | 0 | Always |
Autoplay and timing
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Enable autoplay | Turns “Enable autoplay” on or off on the storefront. | Yes | Always |
| Slide duration | Controls “Slide duration” on the storefront. Open the theme editor to preview live. | 5000 | Autoplay is on |
| Image load priority | Controls the image setting “Image load priority”. Upload clear photos for best results. | automatic | Always |
| Pause animation on hover | Controls “Pause animation on hover” on the storefront. Open the theme editor to preview live. | No | Autoplay is on |
| Pause animation on focus | Controls “Pause animation on focus” on the storefront. Open the theme editor to preview live. | No | Autoplay is on |
Controls
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show progress indicators | Turns “Show progress indicators” on or off on the storefront. | No | Always |
| Indicator size | Controls “Indicator size” on the storefront. Open the theme editor to preview live. | lg | Show indicators is on |
| Indicator position | Controls “Indicator position” on the storefront. Open the theme editor to preview live. | bottom-right | Show indicators is on |
| Indicator orientation | Controls “Indicator orientation” on the storefront. Open the theme editor to preview live. | vertical | Show indicators is on |
| Progress circle color | Controls “Progress circle color” on the storefront. Open the theme editor to preview live. | #FFFFFF | Show indicators is on |
| Image aspect ratio | Controls the image setting “Image aspect ratio”. Upload clear photos for best results. | 16 / 9 | Always |
Localization
| 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 section in those markets. Leave blank to exclude no countries. | — | 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 |
| 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. | — |
Image slide settings
Collections
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Collections | Optional. Show this slide on the selected collection pages. Leave blank to use as a fallback when no collection-specific slide exists. | — | Always |
Images
| Setting | What it does | Default | Shows when |
|---|
Upload different images for optimal display on each device type.
| Mobile image | Controls the image setting “Mobile image”. Upload clear photos for best results. | — | Always | | Tablet image | Controls the image setting “Tablet image”. Upload clear photos for best results. | — | Always | | Desktop image | Controls the image setting “Desktop image”. Upload clear photos for best results. | — | Always | | Image fit | Controls the image setting “Image fit”. Upload clear photos for best results. | cover | Always | | Image position | Controls the image setting “Image position”. Upload clear photos for best results. | center | Always | | Image link | Optional URL to navigate to when the image is clicked. | — | Always | | Image alt text | Optional alt text. Falls back to image alt or collection title. | — | Always |
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
Controls “Full width banner” on the storefront. Open the theme editor to preview live. Default: Yes.
Banner border radius
Rounds the corners. Higher values look more pill-shaped. Default: 0.
Enable autoplay
Turns “Enable autoplay” on or off on the storefront. Default: Yes.
Slide duration
Controls “Slide duration” on the storefront. Open the theme editor to preview live. Default: 5000. This control appears when: Autoplay is on.
Image load priority
Controls the image setting “Image load priority”. Upload clear photos for best results. Default: automatic.
Pause animation on hover
Controls “Pause animation on hover” on the storefront. Open the theme editor to preview live. Default: No. This control appears when: Autoplay is on.
Pause animation on focus
Controls “Pause animation on focus” on the storefront. Open the theme editor to preview live. Default: No. This control appears when: Autoplay is on.
Show progress indicators
Turns “Show progress indicators” on or off on the storefront. Default: No.
Indicator size
Controls “Indicator size” on the storefront. Open the theme editor to preview live. Default: lg. This control appears when: Show indicators is on.
Indicator position
Controls “Indicator position” on the storefront. Open the theme editor to preview live. Default: bottom-right. This control appears when: Show indicators is on.
Indicator orientation
Controls “Indicator orientation” on the storefront. Open the theme editor to preview live. Default: vertical. This control appears when: Show indicators is on.
Progress circle color
Controls “Progress circle color” on the storefront. Open the theme editor to preview live. Default: #FFFFFF. This control appears when: Show indicators is on.
Image aspect ratio
Controls the image setting “Image aspect ratio”. Upload clear photos for best results. Default: 16 / 9.
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 section in those markets. Leave blank to exclude no countries. Default: —.
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.
Color scheme
Applies a color scheme from Theme settings → Colors. Default: scheme-1.
Collections
Optional. Show this slide on the selected collection pages. Leave blank to use as a fallback when no collection-specific slide exists. Default: —.
Mobile image
Controls the image setting “Mobile image”. Upload clear photos for best results. Default: —.
Tablet image
Controls the image setting “Tablet image”. Upload clear photos for best results. Default: —.
Desktop image
Controls the image setting “Desktop image”. Upload clear photos for best results. Default: —.
Image fit
Controls the image setting “Image fit”. Upload clear photos for best results. Default: cover.
Image position
Controls the image setting “Image position”. Upload clear photos for best results. Default: center.
Image link
Optional URL to navigate to when the image is clicked. Default: —.
Image alt text
Optional alt text. Falls back to image alt or collection title. Default: —.
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
- Open the theme editor and select this section to preview changes live.
- Use Theme settings for fonts, colors, and buttons that apply store-wide.