Announcement Bar

The announcement bar is a great way to highlight promotions or important updates.

1. Go to Online Store > Themes > Customize.
2. Locate the Announcement Bar section.
3. Enable the announcement bar if it’s not active.
4. Enter your message (e.g., "Free shipping on all orders over $100").
5. Choose background and text colors to match your branding.
6. Click Save.

Configuration Options

We also provide additional premium features on the announcement bar, such as:

• Enable slider: Enable / disable slider for all messages
• Enable auto rotation for all messages
• Display position: You can place the announcement bar at the top or bottom of your page, along with the option to make it sticky across all pages.

The ability to customize your messages with a header, description, links, icons and colors.

• Enable Auto-Rotation

Automatically rotates between messages when the slider is enabled.

• Rotation Speed

Controls how long each message stays visible before switching to the next one (in seconds).

• Show on Homepage Only

Limits the announcement bar to appear only on the homepage.

When disabled, the bar is shown across all pages.

• Display Position

Choose how the announcement bar is positioned on the page.

Display Top

Displays the announcement bar at the top of the page as a static element.

Top Scroll

Displays the announcement bar at the top and keeps it sticky while scrolling, so it remains visible as users move down the page.

Overlaps Bottom Scroll

Displays the announcement bar overlapping the bottom of the page and keeps it visible while scrolling, without pushing page content.

Design Options

• Color Scheme

Select a predefined color scheme to keep the announcement bar consistent with your theme styling.

• Arrow Color

Defines the color of slider navigation arrows (when the slider is enabled).

• Font Size

Adjusts the font size of the announcement text for better readability.

• Bar Height

Controls the overall height of the announcement bar.

Content Customization

Each announcement message can be customized with:

• Heading
• Description text
• Links
• Icons

• Individual colors

This allows you to create visually rich, attention-grabbing announcements tailored to your campaigns.

Custom CSS

Advanced users can add custom CSS to further customize the appearance and behavior of the announcement bar