Skip to Content
DeveloperSection Groups

Section Groups

Online Store 2.0 section groups let merchants edit the header and footer in the theme editor like any other section. Citera has two, both rendered from layout/theme.liquid.

header-group.json

Rendered via {% sections 'header-group' %}. Contains:

  • announcement-bar — dismissible top message with optional end date/time, color scheme and uppercase toggle.
  • header — logo, desktop menu (with mega-dropdown support), mobile drawer nav, and the search / account / cart icons.

Rendered via {% sections 'footer-group' %}. Contains:

  • footer — link columns (via menu blocks), an about text block, and an optional payment-icons row.

Editing them

These are JSON files, but you rarely edit them by hand — open the theme editor and pick Header or Footer from the section-group dropdown at the top of the page. Changes save back into these files (and into config/settings_data.json for values).

See the individual sections under Sections → Global for their full settings and blocks.