Skip to content

Announcement bar

This guide describes setting up the Announcement bar section.

Use the section to display messages about sales, special discounts, and new products at the top of your store's pages.

An example Announcement Bar section on a store's homepage.

The previous image shows an Announcement bar (example) section, displayed across the top of a store's homepage. In the upper left, to display the section on the store's pages, the section's Show announcement bar checkbox option is set to on.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks

Set up the announcement bar section

To set up the 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 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 turn on/off displaying the section on the homepage only.
DisplaySelect the Display radio buttons to set the text inside the section to Static or Scrolling text (effect).
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's text is hyperlinked.
Marquee > Repeat textSelect the checkbox Repeat text to turn on/off repeating text inside the section. With this setting enabled, the text repeatedly scrolls across the section. To use this setting, set the Display option to Scrolling text.
Marquee > SpeedAdjust the Speed slider to set a scroll speed between 10sec and 400sec (seconds) for scrolling text. To use this setting, set the Display option to Scrolling text.
Marquee > DirectionSelect the Direction radio buttons to set the scrolling text to move from Right to left or Left to right. To use this setting, set the Display option to Scrolling text.
Color > Color schemeUse the Color scheme dropdown to set the section's color scheme to Primary, Secondary or Tertiary. Refer to Colors.