Announcement bar
Top-of-site promotional strip, part of the Header group.
File: sections/announcement-bar.liquid
Display modes
| Mode | Setting | Behavior |
|---|---|---|
| Marquee | announcement_actions: marquee | Scrolling text |
| Slider | announcement_actions: slider | Rotating announcements |
| Single | One block | Static message |
Key settings
- Homepage only — show only on home page
- Show close button — let visitors dismiss
- Show on mobile — toggle mobile visibility
- Speed / space between — marquee timing
- Change every — slider interval (seconds)
- Font size / weight / uppercase
Announcement blocks
Each block has:
- Text — supports HTML links
- Countdown deadline — optional timer (
YYYY-MM-DD HH:MM:SS)
Countdown in announcement bar
See Countdown timers.
CSS / JS
assets/countdown.css— timer stylesassets/marquee.css— marquee mode- Custom element:
<announcement-bar>
Full settings: Announcement bar section