Header
sections/header.liquid · section type header
Section groups: header-group
Section settings
Logo
| Setting | ID | Type | Default | Notes |
|---|
| Logo | logo | image_picker | — | — |
| Alternative logo (optional) | logo_inverted | image_picker | — | Used when the header overlaps an image |
| Logo width | desktop_logo_width | range | 200 | Range 40–400 px, step 10 |
| Mobile logo width | mobile_logo_width | range | 120 | Range 40–200 px, step 10 |
Navigation
| Setting | ID | Type | Default | Notes |
|---|
| Navigation | main_menu_link_list | link_list | main-menu | — |
| Enable dropdown on hover | hover_menu | checkbox | true | — |
Layout
| Setting | ID | Type | Default | Notes |
|---|
| Header layout | main_menu_alignment | select | left | Options: Logo left, menu left · Logo left, menu center · Logo left, menu drawer · Logo center, menu left · Logo center, menu split · Logo center, menu below · Logo center, menu drawer |
| Header style | header_style | select | normal | Options: Normal · Sticky |
| Overlay header over home page | sticky_index | checkbox | false | — |
| Overlay header over collection | sticky_collection | checkbox | false | (if collection image is enabled) |
Toolbar
| Setting | ID | Type | Default | Notes |
|---|
| Navigation | toolbar_menu | link_list | — | This menu won't show dropdown items |
| Show social icons | toolbar_social | checkbox | — | — |
Localization
| Setting | ID | Type | Default | Notes |
|---|
| Show currency selector | show_currency_selector | checkbox | true | To add a currency, go to your currency settings. |
| Show currency flags | show_currency_flags | checkbox | true | — |
| Show language selector | show_locale_selector | checkbox | true | To add a language, go to your language settings. |
Blocks
Mega menu
Block type mega_menu
| Setting | ID | Type | Default | Notes |
|---|
| Menu item | menu_item | text | Sale | Select the menu item that will open this mega menu. Learn more. |
Menu badge
| Setting | ID | Type | Default | Notes |
|---|
| Badge text | badge_text | text | Mid Summer | Shown next to the menu item. Leave blank to hide. |
| Badge background | badge_background_color | color | #ff0000 | — |
| Badge text color | badge_text_color | color | #ffffff | — |
| Display submenu in columns | submenu_columns | checkbox | false | Enable column layout and promotion blocks for this mega menu |
| Show images for column headings | show_images | checkbox | true | Requires links to collections<br>Shown when submenu_columns |
| Image aspect ratio | image_aspect_ratio | select | landscape | Options: Portrait (2:3) · Square (1:1) · Landscape (4:3) · Round (1:1)<br>Shown when submenu_columns |
| Center menu content | center_content | checkbox | false | Aligns menu columns to the center<br>Shown when submenu_columns |
Menu colors
| Setting | ID | Type | Default | Notes |
|---|
| Menu link color | menu_link_color | color | #ff0000 | — |
| Menu link hover color | menu_link_hover_color | color | #ff0000 | — |
| Mega menu background | megamenu_background_color | color | — | — |
| Mega menu text color | megamenu_text_color | color | — | — |
Promotions
| Setting | ID | Type | Default | Notes |
|---|
| Text alignment | promo_text_alignment | select | center | Options: Left · Center · Right<br>Shown when submenu_columns |
| Heading size | promo_heading_size | select | medium | Options: Small · Medium · Large<br>Shown when submenu_columns |
Promotion 1
| Setting | ID | Type | Default | Notes |
|---|
| Image | promo1_image | image_picker | — | Shown when submenu_columns |
| Image shape | promo1_image_shape | select | landscape | Options: Portrait · Landscape · Square · Rounded · Rounded wave · Arch · Star · Splat 1 · Splat 2 · Splat 3 · Splat 4<br>Shown when submenu_columns |
| Link | promo1_link | url | — | Shown when submenu_columns |
| Heading | promo1_heading | text | — | Shown when submenu_columns |
| Text | promo1_text | text | — | Shown when submenu_columns |
| Button label | promo1_button_label | text | — | Shown when submenu_columns |
| Promotion position on desktop | promo1_position | select | after | Show the promotion before or after menu items<br>Options: Before items · After items<br>Shown when submenu_columns |
Promotion 2
| Setting | ID | Type | Default | Notes |
|---|
| Image | promo2_image | image_picker | — | Shown when submenu_columns |
| Image shape | promo2_image_shape | select | landscape | Options: Portrait · Landscape · Square · Rounded · Rounded wave · Arch · Star · Splat 1 · Splat 2 · Splat 3 · Splat 4<br>Shown when submenu_columns |
| Link | promo2_link | url | — | Shown when submenu_columns |
| Heading | promo2_heading | text | — | Shown when submenu_columns |
| Text | promo2_text | text | — | Shown when submenu_columns |
| Button label | promo2_button_label | text | — | Shown when submenu_columns |
| Promotion position on desktop | promo2_position | select | after | Show the promotion before or after menu items<br>Options: Before items · After items<br>Shown when submenu_columns |