Announcement bar
Overview
The "Announcement Bar" section provides a dynamic and customizable way to display announcements across your Shopify store. It is especially useful for highlighting important messages, promotions, or news to your customers. This section can be configured to display only on the homepage or throughout the entire site.
Section Configuration:
Visibility
| Setting |
Description |
| Show Only on Homepage |
A checkbox to determine if the announcement bar should appear exclusively on the homepage. |
| Text Separator Style |
Adds a separator between messages. Options: None , Text (e.g. a slash), or Icon . |
| Separator Icon |
Upload an icon to use as a separator. Only visible if Icon is selected as separator style. |
Layout Settings
| Setting |
Description |
| Full Width Section |
A checkbox to determine if the announcement bar should appear exclusively on the homepage. |
| Show Bottom Border |
Toggle to add a bottom border to the announcement bar for visual separation. |
Color Scheme
| Setting |
Description |
| Color Scheme |
Select a color scheme for the announcement bar to ensure it matches the site's branding. |
| Setting |
Description |
| Marquee Speed |
Define the speed at which the text in the announcement bar scrolls across the screen. |
| Marquee Direction |
Choose the direction of the text scroll, either backward (right to left) or forward (left to right). |
| Pause Marquee on Hover |
Enable pausing the scrolling text when a user hovers over the announcement bar. |
Blocks Configuration
Announcement Text Block: Allows the addition of text content within the announcement bar
| Setting |
Description |
| Heading |
Configurable rich text for entering the message or announcement. Defaults to “Welcome to our store”. |
