Announcement Bar

Last Updated onJuly 30, 2023

The Announcement Bar is a part of most Shopify themes, and it appears at the top of your website, just below the header.

You can display Offers, Upcoming news, Notices or any kind information that need user attentions or that need to conveyed. Announcement bar includes announcement block to display its content.

To add the Announcement bar,

  1. Go to Online Store > Themes and click Customize in your Shopify admin
  2. Then click Add section under Header area. Now you can choose Announcement bar from the list.

You can find the following settings inside the announcement bar,

General settingsDescription
Enable fullwidthIt will allow this section to occupy full width of the viewport if needed.
WidthIt will allow you to set custom width for this section. Only applicable, if fullwidth is disabled.
Color schemeChoose from any of predefined color scheme to display your section better.
Use inner paddingIt will add the space around the section.

You can also find common carousel settings inside the Announcement bar.

Announcement

The Announcement Bar can have multiple Announcement Blocks. Each block consists of a separate message with its own link.

You can find the following settings inside the each announcement block,

General settingsDescription
TextIt will display announcement text
Button settingsDescription
LabelSet the label for the button
URLSet the url for the button
TargetSet the link to open in new tab or same tab.