Skip to content

Announcement Bar Module

The Announcement Bar allows you to display promotional messages at the top of your cart drawer. Use it to highlight free shipping thresholds, ongoing sales, or any important information you want customers to see.

Announcement Bar Module

Toggle the Announcement Bar on or off using the Enable/Disable button at the top of the module settings. When enabled, your messages will appear at the top of the cart drawer.


Create and manage multiple promotional messages that will be displayed in the announcement bar.

Click Add Message to create a new announcement. Each message includes:

  • Rich Text Editor: Format your message with bold, italic, links, and other formatting options
  • Active Toggle: Enable or disable individual messages without deleting them
Add Message
  • Click Edit to expand a message and modify its content
  • Use the Active checkbox to temporarily disable a message
  • Click the Delete icon to permanently remove a message

When you have multiple active messages, the announcement bar will cycle through them automatically. Choose how the transition between messages appears:

AnimationDescription
None (Instant)Messages switch immediately without any animation
Fade (Alpha)Messages fade in and out smoothly
Vertical SlideMessages slide up/down when transitioning
Horizontal SlideMessages slide left/right when transitioning

  • Background Color — Announcement bar background
  • Text Color — Announcement bar text
  • Padding — Controls the height of the bar (default: 12px)
  • Text Alignment — Left, center, or right

As you make changes, the cart drawer preview on the right side updates in real-time, allowing you to see exactly how your announcement bar will appear to customers.