Header
Header renders the logo, the main menu, and the search and account links, and can stay sticky as the shopper scrolls. Mega menu panels are added as blocks on this section: each block targets a top-level menu item by title, and that item must have sub-links or no panel renders. Two panel types are available — a goal rail of collection tiles, and a pair of promo banners. If two blocks target the same menu item, the first one in block order wins.
Settings
Section titled “Settings”| Setting | Type | Default | What it does |
|---|---|---|---|
| Color scheme | color_scheme | scheme-1 | Controls color scheme. |
| Menu | link_list | main-menu | Controls menu. |
| Sticky header on scroll | checkbox | true | Controls sticky header on scroll. |
| Show search | checkbox | true | Controls show search. |
| Show account | checkbox | true | Controls show account. |
| Customer account menu | link_list | customer-account-main-menu | Controls customer account menu. |
Accepted Blocks
Section titled “Accepted Blocks”mega-goals- Mega menu: goal railmega-promo- Mega menu: promo banners
Mega menu: goal rail
Section titled “Mega menu: goal rail”Type: mega-goals
Setting IDs: menu_title, columns, collections, heading, show_view_all, show_on_mobile
| Setting | Type | Default | What it does |
|---|---|---|---|
| Menu item title | text | The top-level menu item this rail belongs to, e.g. Shop. Case and spacing don’t matter. The item must have sub-links or nothing shows. If two blocks target the same item, the first wins. | |
| Link columns | range | 3 | How many columns the text links use. Capped at 3 when the rail shares the panel, and at 2 below 1200px. |
| Goal collections | collection_list | Up to 5 collections shown as goal tiles. Leave empty to fall back to link columns only. | |
| Rail heading | text | Optional kicker above the rail, e.g. “Shop by goal”. Leave blank for none. | |
| Show “View all” row | checkbox | true | Controls show “view all” row. |
| Show on mobile | checkbox | true | Controls show on mobile. |
Mega menu: promo banners
Section titled “Mega menu: promo banners”Type: mega-promo
Setting IDs: menu_title, columns, b1_image, b1_kicker, b1_heading, b1_text, b1_cta_label, b1_url, b1_style, b2_image, b2_kicker, b2_heading, b2_text, b2_cta_label, b2_url, b2_style, show_on_mobile, show_b2_on_mobile
| Setting | Type | Default | What it does |
|---|---|---|---|
| Menu item title | text | The top-level menu item these banners belong to, e.g. Goals. Case and spacing don’t matter. The item must have sub-links or nothing shows. If two blocks target the same item, the first wins. | |
| Link columns | range | 3 | How many columns the text links use. Capped at 3 when banners share the panel, and at 2 below 1200px. |
| First banner | header | Groups related controls in the Theme Editor. | |
| Image | image_picker | Controls image. | |
| Kicker | text | Controls kicker. | |
| Heading | text | A banner shows only when it has a heading. | |
| Text | text | Controls text. | |
| Button label | text | Controls button label. | |
| Button link | url | Controls button link. | |
| Button style | select | cyan | Choose one of: Charge (orange), Cyan. |
| Second banner | header | Groups related controls in the Theme Editor. | |
| Image | image_picker | Controls image. | |
| Kicker | text | Controls kicker. | |
| Heading | text | A banner shows only when it has a heading. | |
| Text | text | Controls text. | |
| Button label | text | Controls button label. | |
| Button link | url | Controls button link. | |
| Button style | select | cyan | Only one Charge (orange) button is allowed per panel. If both banners use Charge, this one falls back to Cyan. |
| Show on mobile | checkbox | true | Controls show on mobile. |
| Show banner 2 on mobile | checkbox | false | Off by default - one banner keeps the mobile menu short. |
Source
Section titled “Source”sections/header.liquid