Musk Documentation

Announcement Bar

images

The announcement bar can be used to render messages about your store to site visitors. Information such as sales advertisements, discounts, and new products can be rendered in the Announcement bar.

In addition to the above, the announcement bar also contains settings to render the store currency, social icons, and the store language.

Key Settings & Styling

Social Icons: With this option enabled, the social icons to the social media profiles added within the Theme settings will be rendered.

Show Currency: When enabled, it displays a currency selector within the announcement bar.

Show Language: Displays a language selector within the announcement bar when enabled.

Background Color: Sets a background color to the Announcement bar

Content Styling: Enables you to adjust the Font size, Font Weight, Line height and color of the Announcement bar items.

Color Styling: Used in setting the color of the social icons, and language currency selector.

Spacing Desktop & Spacing Mobile: Adjusts the spacing around the Announcement bar contents within Desktop & Mobile devices respectively.

Blocks

The Announcement bar section contains only one block which is the “Item block”. The block in this context is used in adding the announcement bar contents.

images

Adding and Configuring the Announcement Bar

The Announcement bar can be added from the Header panel. Once added, you can then add item blocks to it to render your desired content such as discounts or promotions. You may then proceed to configure your desired settings.