Skip to Content
DocumentationSectionsAnnouncement Bar

Announcement Bar

Display rotating announcements at the top of your store. Use this section to highlight promotions, shipping offers, or important messages.

Configure the Section

  1. In the theme editor, click Add section in the header area.
  2. Select Announcement bar.

Section Settings

SettingDescription
Navigation modeManual navigation or autoplay. Default: Manual.
Navigation sizeSize of the previous/next controls. Range: 12-32px. Default: 20px.
Transition speedTime between announcement slides in autoplay mode. Range: 2–10 seconds. Default: 5s.
Section widthChoose Page width or Full width. Default: Page width.
Color schemeSelect a color scheme for the announcement bar.
Divider widthBottom border thickness. Range: 0–5px. Default: 0 (hidden).
PaddingTop and bottom padding. Enable Unified padding for equal spacing, or set each independently. Range: 0–100px.

Blocks

Text Block

Add a text announcement with an optional link.

SettingDescription
TextThe announcement message to display.
LinkOptional URL the announcement links to.

Icon Block

Add an icon alongside your announcement text.

Logo Block

Display a small logo or brand mark within the announcement bar.

Announcement Block

Add rotating announcements with optional links. When multiple announcement blocks are present, manual mode shows navigation controls and autoplay mode advances using the configured transition speed.