Announcement Bar

The thin strip that sits above the header on every page — the “Free shipping on orders over $50” line. It’s always dark green with white text, and it’s always centred.

Each message is an Announcement block. Add one and it simply sits there. Add two or more and the bar turns into a carousel that cycles between them.

The bar lives in the header section group, so it’s edited once and applies to the whole site — you can’t set a different announcement on a single page.

Settings

Setting	What it does
Section ID	Optional anchor for the strip. Rarely needed here.
Auto rotate announcements	Has no effect. See the caution below — rotation is always on for phones and always off above tablet, regardless of this box.
Change every	Has no effect. The interval is fixed at 5 seconds.
Separator line	Has no effect.
Social media icons	Has no effect.
Country/region selector	Has no effect.
Language selector	Has no effect.

Most of the settings on this section do nothing

Six of the seven settings are leftovers from a fuller version of the bar that was never built out. They still appear in the sidebar with helpful-looking labels, and changing any of them has no effect on the page.

What actually happens is fixed:

• On phones, multiple announcements rotate automatically, one every 5 seconds, with no arrows.
• From tablet up, rotation stops and previous / next arrows appear at each end of the bar so visitors step through the messages themselves.
• With a single announcement, none of that applies — the message just sits there.

The country, language and social settings belong to the header, not here.

Blocks

Announcement — up to 12.

Setting	What it does
Text	The message. Rich text, though the bar is one line so keep it to a sentence. Default “Welcome to our store”.
Link	Makes the whole message clickable and adds an arrow after it. Leave empty for a message that isn’t a link.
Link text	Appended to the end of Text as part of the same sentence.

Link text runs on from the message, it isn’t a separate button

Link text doesn’t render as its own link or button — it’s joined directly onto the end of Text in the same line. So Text “Free shipping over $50” plus Link text “Shop now” reads as “Free shipping over $50 Shop now →”.

Write the two so they read as one sentence, and remember that Link is what makes it clickable. Link text with no Link is just extra words.

An empty Text hides the whole announcement

A block with no Text renders nothing at all, even if it has a link. On mobile, where the announcements rotate, that shows up as the bar going blank for five seconds before the next message appears.

Where it’s used

The header group, above the header on every page of the site. It ships with a single announcement in place.

Tips

• One announcement is usually the right answer. The rotation is only automatic on phones; on desktop a visitor has to notice the arrows and click them, and most won’t. A second message is effectively unseen by desktop visitors.
• If you do use several, make each one work alone. Nobody reads all of them. Don’t write messages that build on each other.
• Keep it to about eight words. The strip is one line on a phone. Longer text wraps and makes the bar taller, which pushes the whole page down.
• Always add a Link when the message asks for an action. “Free shipping over $50” is fine as plain text. “Shop the sale” without a link is a dead end.
• Take the message down when it expires. A shipping promotion that ended last month is worse than no bar at all. Delete the block or hide the section.
• Don’t put legal or required information here. The bar is small, low contrast against a busy page, and on mobile it disappears after five seconds. Disclaimers belong in the footer.