Announcement Bar

The Announcement Bar allows you to display important messages—such as promotions, shipping information, or updates—to your customers.
You can add multiple messages and display them using either the Carousel or Marquee style for better visibility.

1. Configuration Options

There are have many options for you configure:

1.1. Color scheme

Select the color palette for the entire announcement bar, including background, text, and icons.

1.2. Show separator line

• ON: Displays a dividing line below the bar.

• OFF: Hides the dividing line.

1.3. Type

Choose how the announcement messages are displayed:

• Carousel: Displays each message as an individual slide.

• Marquee: Continuously scrolls messages in one direction.

1.4. Carousel settings

• Content maximum width: Set the maximum width for each slide.

• Auto-rotate slides: Enables automatic slide rotation.

• Pause on hover: Pauses rotation when the user hovers.

• Change slides every: Slide transition time (seconds).

1.5. Marquee settings

• Speed: Controls the scrolling speed.

• Direction: Choose scrolling direction (Left → Right or Right → Left).

• Divider shape: Icon used to separate each message.

• Pause on hover: Pauses scrolling when hovered.

• Spacing between content: Message spacing on desktop.

• Mobile spacing between content: Message spacing on mobile devices.

Besides, There are many options such as Typography and Section padding, for you to configure.

2. Announcement Content

2.1. Add Announcement

Click Add Announcement to create a new message block.
Each block corresponds to one announcement message.

• Maximum supported below 50 blocks

• Recommended: 2–5 short, clear messages for best user experience

2.2. Block fields

• Text: The content of the announcement. Basic formatting is supported (Bold, Italic, links).