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.

• Enable sticky announcement bar: When this is enabled, the announcement bar will stay fixed on the screen as users scroll up or down, ensuring visibility at all times.

• 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.

Note: When users hover their cursor over an announcement, the scrolling will pause automatically for easier reading. Once the cursor moves away, the announcements will continue scrolling as usual.

3. Block settings:

• Click on the Text announcement block to add 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, and choose a font style (heading or body).

  • Enable "Hide block after timer ends" 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.

Note: The countdown timer always appears to the right of the text.