Theme Editor - Announcement bar - TWICE Commerce

Announcement bar settings panel in the theme editor — Theme Editor > Announcement bar

The Announcement bar panel controls the colours of the slim bar at the very top of the storefront — used for promotions, shipping notices, or short messages. This panel sets the styling only; the bar’s text and visibility are set in the Announcement bar content block on the page. Found under Cards in the theme editor.

Colors

Setting	Default	Description
Background	`#111826`	Background fill of the announcement bar.
Text	`#FFFFFF`	Text colour of the announcement message.

CSS variables

:root {
  --storefront-announcement-bar-background-color: #111826;
  --storefront-announcement-bar-text-color: #FFFFFF;
}

Home page

Set the announcement bar text and visibility.

Colors

Define the storefront colour palette.