Appearance

Return to top
On this page

Announcement bar

This guide describes setting up your store's Announcement bar section to provide messages for visitors at the top of your store's pages. Use the section to display messages about sales, special discounts, and new products.

The following image shows an announcement bar section, displayed at the top of a store's homepage. The announcement bar contains the text View new arrivals. Inside the section, the Link option is enabled. With the link option enabled, the New arrivals collection page opens when the visitor selects the announcement bar text.

An example announcement bar section on a store's homepage.

For general guidance with modifying sections, refer to Sections overview.

Set up the announcement bar section

To set up your store's announcement bar section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select the Home page template.

    Note

    The announcement bar section is accessible from all page templates, excluding the Checkout, Password and Gift card page templates.

  2. From the side menu, select Announcement bar.

    The announcement bar section selected in Theme editor.

  3. Select a section setting described in the following table.

Section setting nameDescription
Show announcement barSelect the checkbox Show announcement bar to show/ hide the announcement bar.
Home page onlySelect the checkbox Home page only to turn on/ off displaying the section on the homepage only.
TextIn the Text box, enter text to display inside the announcement bar.
LinkIn the Link box, enter a URL to use as a link, inside the section, or select an existing store page to link to. This setting is optional. With this setting enabled, the section text is hyperlinked.
Color schemeUse the Color scheme dropdown to set the section's color scheme to Primary, Secondary or Tertiary. Refer to Colors.