Skip to content

Announcement bar

The strip above the shop header: wording, colour, validity, and whether a customer can dismiss it.

Requires the module E-commerceAvailable to roles Admin, EditorOpen in the app (Opens in a new tab)

A narrow strip above the shop header. It is the most visible spot in the whole shop, which is exactly why it should carry one thing at a time.

Announcement bar — an empty list with a button to add an announcement
Fig. 1 — Announcement bar. The strip above the shop header — the most visible place the shop has.

Controls on this screen

  1. Where it appears — Above the storefront header, and therefore above everything else. Which is why it deserves restraint.
  2. Add announcement — A new announcement. Its text and active period are set on it.
  3. All announcements — One list. Several active at once means a bar nobody reads.
  4. Empty state — The example in the text is a good model: a specific promise with a condition, not a general sentence.
  5. Where it lives — In the left ecommerce menu, in the content group after trust elements.

Configuration

FieldWhat it doesNote
TextOne sentence.A free-shipping threshold, holiday delivery times, a sale in progress.
LinkWhere the bar leads.Optional. If the text promises a sale, the link should reach it.
ColourBackground and text.It has to stay readable; contrast matters more than the shade.
ValidityThe dates it runs between.A holiday deadline still up after the holidays reads as neglect.
DismissibleWhether a customer can close it.Switch this on — a permanent bar that cannot be closed irritates on every page load.