For the complete documentation index, see llms.txt. This page is also available as Markdown.

Announcement bar

Displays scrolling or stacked announcements with optional social icons and contact information.

How to access

  1. Go to Shopify Admin → Online Store → Themes.

  2. Click Customize on your active theme.

  3. Open the Header group in the sidebar and select Announcement bar.

Section Settings

Setting
Description

Layout

Expand to full width

Extends the section to the full browser width.

Color scheme

Sets the background and text colors.

Hide on mobile

Hides the announcement bar on mobile devices.

Announcement style

Sets the announcement layout. Choose from Vertical or Horizontal.

Animation speed

Controls the scrolling animation speed.

Animation direction

Sets the scrolling direction. Choose from Right to left or Left to right.

Desktop settings

Enable social icons

Displays social media icons in the announcement bar.

Show contact information

Displays the store contact information.

Contact details

Adds the contact information displayed in the announcement bar.

Blocks

Add blocks to this section in the theme editor. Each block is a separate item you can add, remove, and reorder.

Announcement

Displays an announcement message in the announcement bar.

Setting
Description

Text

Sets the announcement text.

Last updated