Skip to content
Announcement
Section overview
The Announcement bar displays text content at the top of the page, with support for multiple announcements that can be cycled automatically or manually.
Common use cases
- Communicate store-wide promotions or sales
- Share important shipping or delivery updates
- Announce new product launches
- Display time-sensitive information
Usage tips
- Keep content short and concise for optimal readability
- Link to pages for more detailed information rather than cramming text into the announcement
- For mobile devices, ensure text is brief enough to be readable on smaller screens
- When using multiple announcements, set a reasonable delay time so customers can read each message
Section settings
| Setting | Description |
|---|---|
| Auto scroll delay | Controls how quickly announcements automatically cycle in seconds (0 disables auto-scrolling) |
| Hide progress bar | Hides the auto-scroll progress bar when announcements cycle automatically. Only applies when auto scroll delay is greater than 0. |
| Color scheme | Determines the background and text color combination for the announcement bar |
| X alignment | Sets the horizontal alignment of text content (left or center) |
| Enable margin | Adds horizontal margin to the announcement content |
| Visibility | Controls where the announcement displays (all devices, mobile only, or desktop only) |
| Show account link | Displays a link to customer account or login |
| Show localization | Displays currency and language information |
Block settings
Announcement
The Announcement block contains the text content to display in the announcement bar.
Block limit: 10
| Setting | Description |
|---|---|
| Content | Rich text content to display in the announcement |