Section handle: announcement-bar
Settings
Layout
| Setting | Type | Default | Description |
|---|
| Display mode | Dropdown | single | Rotating shows one message at a time with a counter and arrows. Stacked shows every message. · Options: single – Single message, rotating – Rotating messages, stacked – Stacked messages |
Behavior
| Setting | Type | Default | Description |
|---|
| Stick to top | Toggle (on/off) | Off | Keeps the bar pinned to the top of the screen while shoppers scroll. |
| Allow dismiss | Toggle (on/off) | Off | Shoppers can close the bar. It comes back when you change the messages. |
| Play messages automatically | Toggle (on/off) | Off | Rotating only. Plays through once with a pause button, and never plays for shoppers who reduce motion. |
| Autoplay interval (seconds) | Slider | 6 | Seconds each message stays before the next one. Only used when Play messages automatically is on. · Min: 6 · Max: 12 · Unit: t:sections.shared.units.seconds |
Style
| Setting | Type | Default | Description |
|---|
| Background color | Color | — | Optional. Leave both colors empty to follow the theme in light and dark mode. A custom color stays the same in dark mode. |
| Text color | Color | — | Used only with a background color. If this color is hard to read on it, or left empty, light or dark text is chosen automatically. |
Blocks
Message
Block type: message
| Setting | Type | Default | Description |
|---|
| Tag | Text | — | Short label before the message. This message shows the amount left for free shipping and appears only when the free shipping progress bar is on in theme settings (Cart) and the shopper pays in your store currency. |
| Message | Text | Welcome to our store | Leave empty to hide this message. |
| Link label | Text | — | Text for a link after the free shipping message. The link shows only when both label and URL are filled in. |
| Link URL | URL / Link | — | Where the link goes. The link shows only when a link label is also filled in. |
Advanced
| Setting | Type | Default | Description |
|---|
| Countries | Text | — | Show only in these countries: two-letter codes separated by commas, for example GB,IE. Leave empty for all. |
Delivery threshold
Block type: threshold
ℹ️ Shows how much more the shopper needs to spend for free delivery, using the free delivery threshold in Theme settings. It appears only when that setting is on and the shopper pays in your store currency.
| Setting | Type | Default | Description |
|---|
| Tag | Text | — | Short label before the message. This message shows the amount left for free shipping and appears only when the free shipping progress bar is on in theme settings (Cart) and the shopper pays in your store currency. |
| Link label | Text | — | Text for a link after the free shipping message. The link shows only when both label and URL are filled in. |
| Link URL | URL / Link | — | Where the link goes. The link shows only when a link label is also filled in. |
Advanced
| Setting | Type | Default | Description |
|---|
| Countries | Text | — | Show only in these countries: two-letter codes separated by commas, for example GB,IE. Leave empty for all. |
Default Configuration
When you add this section from the Theme Editor, it comes pre-configured with:
- Announcement bar — 1× Message
