Announcement bar
Rotating messages above the header with a pause control and per-message links. Up to 12 messages.
- Merchant-addable
- Yes
- Settings
- 20
- Block types
- 1
- Max blocks
- 12
- File
sections/announcement-bar.liquid
Screenshots pending
Captures for Announcement bar at desktop and mobile widths are generated from a live store by
npm run shots. They appear here automatically once that has run.
When to use it
Shipping thresholds, genuine promotions, and service notices.
Setting it up
- Add the section to the header group.
- Add a Message block per announcement, each with its own optional link.
- Set Style, Animation, and Behavior.
Where the content comes from
Blocks own the messages.
Notes and cautions
- Rotating content needs a pause control to meet WCAG, and this section provides one. Do not remove it.
- One or two messages. Twelve is the ceiling, not a target — nobody waits through a twelve-message rotation.
- No fake countdowns or invented stock levels. Deceptive urgency is an outright Theme Store rejection.
Section settings
Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.
Style
Gradient uses the gradient set on the selected color scheme.
Animation
Applies to the fade and slide animations.
Applies to the marquee animation.
Applies to the marquee animation.
Lets shoppers step through messages. Fade and slide only.
Behavior
The bar stays closed for that shopper until the messages change.
Blocks
Blocks are added, reordered, duplicated, and removed inside the section. Each type has its own settings.
Message announcement
Keep it to one short phrase. Longer text wraps onto more lines in Fade and Slide, and always scrolls in full in Marquee.
Schedule
Format: 2026-12-01 09:00. Leave blank to show immediately.
Format: 2026-12-25 23:59. Leave blank to show indefinitely.