Announcement bar
The Announcement bar section includes a group of short messages in the header area.
You can choose different styles, such as a carousel or marquee, to display blocks and draw your customers' attention. Use the announcement bar section to highlight information like:
Shipping details
Important updates
Promotions (e.g., sales or new arrivals)

1. How to show/hide announcement bar section
To hide the Announcement bar section, ensure the "Eye" icon has a slash over it.

Click the "Eye" icon to display the section.
Click the arrow beside the Announcement bar section to view the announcement blocks.

2. Section settings:
Show on home page only: Select this option to display the announcement bar on the homepage. When users navigate to other pages (e.g., Collection, Product, or Blog pages), the announcement bar will be hidden.
Marquee style: Shows announcements in a continuous scrolling format. Select the scroll direction (Left or Right) and set the speed (Slow, Normal, or Fast) to match your needs.
3. Block settings:
Text announcement block: Adding a brief storewide message (recommended under 10 words), choose an icon to display at the start of the text for visual appeal, and assign a URL to direct users when they click on the link label.
Countdown timer block: Adding a countdown timer with this block creates a sense of urgency and encourages visitors to take action before the timer runs out.
Set the countdown’s end date and time.
Enable "Hide block after end of timer" to automatically remove the block when the countdown completes.
Customize the text and an optional link for display.
In color settings, enable "Use custom color" to override the section’s colors, adjusting the countdown timer and text colors as desired.
Last updated
Was this helpful?