Announcement Bar
How to use the Announcement Bar section in the Meditative Folks Theme.
Announcement Bar
At a glance
The Announcement Bar appears at the top of your store with rotating messages. Add text slides with optional links, or countdown timer slides for sales and launches. Messages can be limited to specific countries.
Where to find it
- Theme editor path: Online Store → Customize → select the relevant page → Announcement Bar
- Add to a page: Add via Add section → category Announcements.
Screenshot needed
Announcement Bar in the theme editor
Screenshot of the Announcement Bar 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
Mobile (up to 639px)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Minimum height (mobile) | Controls “Minimum height (mobile)” on the storefront. Open the theme editor to preview live. | 80 | Always |
Tablet (640px – 879px)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Minimum height (tablet) | Controls “Minimum height (tablet)” on the storefront. Open the theme editor to preview live. | 80 | Always |
Desktop (880px+)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Minimum height (desktop) | Controls “Minimum height (desktop)” on the storefront. Open the theme editor to preview live. | 80 | Always |
Animation
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Enable autoplay | Turns “Enable autoplay” on or off on the storefront. | Yes | Always |
| Animation time | Controls “Animation time” on the storefront. Open the theme editor to preview live. | 4000 | Autoplay is on |
| Pause animation on hover | Controls “Pause animation on hover” on the storefront. Open the theme editor to preview live. | Yes | Autoplay is on |
| Pause animation on focus | Controls “Pause animation on focus” on the storefront. Open the theme editor to preview live. | Yes | Autoplay is on |
Navigation
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show navigation controls | Turns “Show navigation controls” on or off on the storefront. | Yes | Always |
| Navigation button variant | Controls “Navigation button variant” on the storefront. Open the theme editor to preview live. | primary | navigation controls setting is on |
| Navigation button size | Controls “Navigation button size” on the storefront. Open the theme editor to preview live. | icon-md | navigation controls setting is on |
Separator
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show separator line | Turns “Show separator line” on or off on the storefront. | 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 | Controls the divider line: separator color. | #E5E5E5 | Show separator is on and Use global separator color is off |
| Separator thickness | Controls the divider line: separator thickness. | 2 | Show separator is on |
| Separator margin top | Controls the divider line: separator margin top. | 0 | Show separator is on |
| Separator margin bottom | Controls the divider line: separator margin bottom. | 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 |
|---|---|---|
| Timer typography | Add and configure in theme editor. | 1 |
| Text Slide | Add and configure in theme editor. | — |
| Timer Slide | Add and configure in theme editor. | — |
Timer typography settings
Timer typography
| Setting | What it does | Default | Shows when |
|---|
Mobile (up to 639px)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Timer heading font size | Sets timer heading font size in pixels for the matching screen size. | 16 | Always |
| Prefix font size | Sets prefix font size in pixels for the matching screen size. | 16 | Always |
| Suffix font size | Sets suffix font size in pixels for the matching screen size. | 14 | Always |
| Timer font size | Sets timer font size in pixels for the matching screen size. | 12 | Always |
| Label font size | Sets label font size in pixels for the matching screen size. | 12 | Always |
| Message font size | Sets message font size in pixels for the matching screen size. | 18 | Always |
Tablet (640px – 879px)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Timer heading font size | Sets timer heading font size in pixels for the matching screen size. | 16 | Always |
| Prefix font size | Sets prefix font size in pixels for the matching screen size. | 16 | Always |
| Suffix font size | Sets suffix font size in pixels for the matching screen size. | 16 | Always |
| Timer font size | Sets timer font size in pixels for the matching screen size. | 24 | Always |
| Label font size | Sets label font size in pixels for the matching screen size. | 22 | Always |
| Message font size | Sets message font size in pixels for the matching screen size. | 16 | Always |
Desktop (880px+)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Timer heading font size | Sets timer heading font size in pixels for the matching screen size. | 18 | Always |
| Prefix font size | Sets prefix font size in pixels for the matching screen size. | 18 | Always |
| Suffix font size | Sets suffix font size in pixels for the matching screen size. | 18 | Always |
| Timer font size | Sets timer font size in pixels for the matching screen size. | 24 | Always |
| Label font size | Sets label font size in pixels for the matching screen size. | 14 | Always |
| Message font size | Sets message font size in pixels for the matching screen size. | 20 | Always |
Font weights
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Timer heading font weight | Sets how bold timer heading text appears. | 700 | Always |
| Prefix font weight | Sets how bold prefix text appears. | 400 | Always |
| Suffix font weight | Sets how bold suffix text appears. | 400 | Always |
| Timer font weight | Sets how bold timer text appears. | 400 | Always |
| Label font weight | Sets how bold label text appears. | 600 | Always |
| Message font weight | Sets how bold message text appears. | 400 | Always |
Text Slide settings
Content
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Message | Controls “Message” on the storefront. Open the theme editor to preview live. | Welcome to our store! Enjoy free shipping on orders over $50. | Always |
Typography
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global text styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | Always |
| Font size (mobile) | Sets font size (mobile) in pixels for the matching screen size. | 14 | use global text styles is off |
| Font size (tablet) | Sets font size (tablet) in pixels for the matching screen size. | 14 | use global text styles is off |
| Font size (desktop) | Sets font size (desktop) in pixels for the matching screen size. | 14 | use global text styles is off |
| Mobile text display | Controls “Mobile text display” on the storefront. Open the theme editor to preview live. | wrap | Always |
Link
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Link URL | Controls “Link URL” on the storefront. Open the theme editor to preview live. | — | Always |
| Open link in | Controls “Open link in” on the storefront. Open the theme editor to preview live. | _self | 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 |
Timer Slide settings
Timer
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Timer heading | Controls “Timer heading” on the storefront. Open the theme editor to preview live. | Limited time offer! | Always |
| Timer mode | Counts down and restarts automatically. Choose duration below. Persists for the visitor's browser session (like the cart timer). | schedule | Always |
| Repeat duration | Controls “Repeat duration” on the storefront. Open the theme editor to preview live. | repeat_24h | timer mode == 'repeat' or timer mode == 'repeat 24h' |
Schedule
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Start date & time | Optional. Shows the "before start" message until this moment. Use YYYY-MM-DD HH:MM:SS (24h) or YYYY-MM-DD HH:MM:SS AM/PM (12h), e.g. 2025-09-20 09:00:00 AM. Leave blank to start immediately. Times use the visitor's local browser timezone. | — | Timer mode is Schedule |
| End date & time | When the countdown reaches zero. Use YYYY-MM-DD HH:MM:SS (24h) or YYYY-MM-DD HH:MM:SS AM/PM (12h), e.g. 2026-12-25 10:00:00 AM. Times use the visitor's local browser timezone. | 2026-12-25 10:00:00 AM | Timer mode is Schedule |
Messages
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Message before timer starts | Controls “Message before timer starts” on the storefront. Open the theme editor to preview live. | Sale will start soon... | Timer mode is Schedule |
| Prefix text | Controls “Prefix text” on the storefront. Open the theme editor to preview live. | Hurry! Only | Always |
| Suffix text | Controls “Suffix text” on the storefront. Open the theme editor to preview live. | left! | Always |
Behavior
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Remove when expired | Controls “Remove when expired” on the storefront. Open the theme editor to preview live. | No | Timer mode is Schedule |
| Loop timer after expiry | When enabled, after the timer expires the end time moves forward by 24 hours until the current time is inside the window. When start time is set, both start and end advance together; if start is blank, only end time advances. | Yes | Timer mode is Schedule |
| Message after expiry | Controls “Message after expiry” on the storefront. Open the theme editor to preview live. | Sale ended! | Timer mode is Schedule |
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:
Minimum height (mobile)
Controls “Minimum height (mobile)” on the storefront. Open the theme editor to preview live. Default: 80.
Minimum height (tablet)
Controls “Minimum height (tablet)” on the storefront. Open the theme editor to preview live. Default: 80.
Minimum height (desktop)
Controls “Minimum height (desktop)” on the storefront. Open the theme editor to preview live. Default: 80.
Enable autoplay
Turns “Enable autoplay” on or off on the storefront. Default: Yes.
Animation time
Controls “Animation time” on the storefront. Open the theme editor to preview live. Default: 4000. This control appears when: Autoplay is on.
Pause animation on hover
Controls “Pause animation on hover” on the storefront. Open the theme editor to preview live. Default: Yes. 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: Yes. This control appears when: Autoplay is on.
Show navigation controls
Turns “Show navigation controls” on or off on the storefront. Default: Yes.
Navigation button variant
Controls “Navigation button variant” on the storefront. Open the theme editor to preview live. Default: primary. This control appears when: navigation controls setting is on.
Navigation button size
Controls “Navigation button size” on the storefront. Open the theme editor to preview live. Default: icon-md. This control appears when: navigation controls setting is on.
Show separator line
Turns “Show separator line” on or off on the storefront. 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
Controls the divider line: separator color. Default: #E5E5E5. This control appears when: Show separator is on and Use global separator color is off.
Separator thickness
Controls the divider line: separator thickness. Default: 2. This control appears when: Show separator is on.
Separator margin top
Controls the divider line: separator margin top. Default: 0. This control appears when: Show separator is on.
Separator margin bottom
Controls the divider line: separator margin bottom. Default: 0. This control appears when: Show separator is on.
Color scheme
Applies a color scheme from Theme settings → Colors. Default: scheme-1.
Timer heading font size
Sets timer heading font size in pixels for the matching screen size. Default: 16.
Prefix font size
Sets prefix font size in pixels for the matching screen size. Default: 16.
Suffix font size
Sets suffix font size in pixels for the matching screen size. Default: 14.
Timer font size
Sets timer font size in pixels for the matching screen size. Default: 12.
Label font size
Sets label font size in pixels for the matching screen size. Default: 12.
Message font size
Sets message font size in pixels for the matching screen size. Default: 18.
Timer heading font size
Sets timer heading font size in pixels for the matching screen size. Default: 16.
Prefix font size
Sets prefix font size in pixels for the matching screen size. Default: 16.
Suffix font size
Sets suffix font size in pixels for the matching screen size. Default: 16.
Timer font size
Sets timer font size in pixels for the matching screen size. Default: 24.
Label font size
Sets label font size in pixels for the matching screen size. Default: 22.
Message font size
Sets message font size in pixels for the matching screen size. Default: 16.
Timer heading font size
Sets timer heading font size in pixels for the matching screen size. Default: 18.
Prefix font size
Sets prefix font size in pixels for the matching screen size. Default: 18.
Suffix font size
Sets suffix font size in pixels for the matching screen size. Default: 18.
Timer font size
Sets timer font size in pixels for the matching screen size. Default: 24.
Label font size
Sets label font size in pixels for the matching screen size. Default: 14.
Message font size
Sets message font size in pixels for the matching screen size. Default: 20.
Timer heading font weight
Sets how bold timer heading text appears. Default: 700.
Prefix font weight
Sets how bold prefix text appears. Default: 400.
Suffix font weight
Sets how bold suffix text appears. Default: 400.
Timer font weight
Sets how bold timer text appears. Default: 400.
Label font weight
Sets how bold label text appears. Default: 600.
Message font weight
Sets how bold message text appears. Default: 400.
Message
Controls “Message” on the storefront. Open the theme editor to preview live. Default: Welcome to our store! Enjoy free shipping on orders over $50..
Use global text styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.
Font size (mobile)
Sets font size (mobile) in pixels for the matching screen size. Default: 14. This control appears when: use global text styles is off.
Font size (tablet)
Sets font size (tablet) in pixels for the matching screen size. Default: 14. This control appears when: use global text styles is off.
Font size (desktop)
Sets font size (desktop) in pixels for the matching screen size. Default: 14. This control appears when: use global text styles is off.
Mobile text display
Controls “Mobile text display” on the storefront. Open the theme editor to preview live. Default: wrap.
Link URL
Controls “Link URL” on the storefront. Open the theme editor to preview live. Default: —.
Open link in
Controls “Open link in” on the storefront. Open the theme editor to preview live. Default: _self.
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: —.
Timer heading
Controls “Timer heading” on the storefront. Open the theme editor to preview live. Default: Limited time offer!.
Timer mode
Counts down and restarts automatically. Choose duration below. Persists for the visitor's browser session (like the cart timer). Default: schedule.
Repeat duration
Controls “Repeat duration” on the storefront. Open the theme editor to preview live. Default: repeat_24h. This control appears when: timer mode == 'repeat' or timer mode == 'repeat 24h'.
Start date & time
Optional. Shows the "before start" message until this moment. Use YYYY-MM-DD HH:MM:SS (24h) or YYYY-MM-DD HH:MM:SS AM/PM (12h), e.g. 2025-09-20 09:00:00 AM. Leave blank to start immediately. Times use the visitor's local browser timezone. Default: —. This control appears when: Timer mode is Schedule.
End date & time
When the countdown reaches zero. Use YYYY-MM-DD HH:MM:SS (24h) or YYYY-MM-DD HH:MM:SS AM/PM (12h), e.g. 2026-12-25 10:00:00 AM. Times use the visitor's local browser timezone. Default: 2026-12-25 10:00:00 AM. This control appears when: Timer mode is Schedule.
Message before timer starts
Controls “Message before timer starts” on the storefront. Open the theme editor to preview live. Default: Sale will start soon.... This control appears when: Timer mode is Schedule.
Prefix text
Controls “Prefix text” on the storefront. Open the theme editor to preview live. Default: Hurry! Only.
Suffix text
Controls “Suffix text” on the storefront. Open the theme editor to preview live. Default: left!.
Remove when expired
Controls “Remove when expired” on the storefront. Open the theme editor to preview live. Default: No. This control appears when: Timer mode is Schedule.
Loop timer after expiry
When enabled, after the timer expires the end time moves forward by 24 hours until the current time is inside the window. When start time is set, both start and end advance together; if start is blank, only end time advances. Default: Yes. This control appears when: Timer mode is Schedule.
Message after expiry
Controls “Message after expiry” on the storefront. Open the theme editor to preview live. Default: Sale ended!. This control appears when: Timer mode is Schedule.
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
- Keep messages short — one line works best on mobile.
- Use a timer slide for flash sales; set start and end dates in your store timezone.
- Enable pause on hover so customers can read longer messages.