Skip to content

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.

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.
  • mega-goals - Mega menu: goal rail
  • mega-promo - Mega menu: promo banners

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.

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.

sections/header.liquid