Announcement bar
The Announcement Bar section allows you to display rotating or static messages at the top of your store. This is useful for sharing important announcements, promotions, shipping updates, or seasonal messages.
Color system
Choose background and text colors for your announcement bar. Use a blank value for transparency.
Auto-Rotate
Enables automatic sliding between multiple announcement blocks.
-
When Enabled:
-
Uses the Change every and Slider speed settings.
-
-
When Disabled:
-
Only the first announcement block is shown.
-
Change Every
Controls how long each announcement stays visible before switching.
Note: Only visible if Auto-Rotate is enabled
Slider Speed
Sets the speed of the transition animation between announcements.
Top Padding
Adds vertical spacing above the announcement content for layout customization.
Bottom Padding
Adds vertical spacing below the announcement content.
Announcement Block
Each Announcement Block in the Announcement Bar allows you to add a single line of promotional or informational content with an optional link. These blocks are especially useful when combined with the auto-rotate feature.
Text
The main announcement message shown in the bar. Use concise text to highlight offers, shipping info, events, or social proof.
Link Label
Optional call-to-action (CTA) text to appear as a clickable link.
Link URL
Destination URL for the link label. You can select from internal links (like All Collections, Products, Pages) or enter a custom URL.
Text Size
-
Options:
H1
,H2
,H3
,H4
,H5
,H6
-
Sets the size of the announcement text. Use larger sizes (e.g., H2–H3) for prominent messages, smaller sizes (e.g., H5–H6) for subtle notes.