Header
The header: logo, menu, search, account and cart. Choose the navigation type in Theme settings > Navigation: a top bar, or an index rail down the side of the page. Menu items with child links open as panels or mega menus; on small screens the menu opens as a drawer, with an optional bottom bar.
This section also has the base settings every section shares: color scheme, layout, running head, page number, padding, divider and reveal on scroll.
Settings
| Setting | What it does |
|---|---|
| Menu | Default: main-menu. |
| Customer account menu | Default: customer-account-main-menu. |
| Secondary menu | Short links such as stores, help or gift cards. Above the menu bar, under the index rail, and in the mobile menu. |
| Open menus on | Options: Click, Hover. Default: click. |
| Search | Options: Icon, Search field. Default: icon. |
| Show country and language | Shown when the store sells in more than one country or language (Settings, Markets and Languages). Default: off. |
| Shrink the header on scroll | Top bar navigation with a sticky header. Default: on. |
| Desktop logo position | Applies to the top bar. The index rail always shows the logo at the top. Options: Start, Center. Default: start. |
| Transparent over the home page’s first section | Becomes solid when the page scrolls. Applies to the top bar. Default: off. |
| Color scheme while transparent | Pick a scheme whose text color reads well on your first image or video. Default: scheme-2. |
Mobile menu
| Setting | What it does |
|---|---|
| Menu style | Options: Drops down under the header, Side drawer, Full screen. Default: dropdown. |
| Menu icon | Options: Three lines, Three lines, short last, Two lines, Grid. Default: menu. |
| Show "Menu" next to the icon | Default: off. |
| Submenus | Options: Open in place, Slide in with Back. Default: accordion. |
| Menu button | Follows the reading direction. The side drawer opens from the same side. Options: Start, End. Default: start. |
| Logo on phones | Options: Center, Start. Default: center. |
| Show search and account links in the menu | Default: on. |
| Show social links in the menu | From Theme settings > Social media. Default: on. |
| Image in the menu | |
| Link | |
| Image caption |
Blocks
Mega menu
The panel of one top-level menu item: links in columns, with images, as tabs or with a promo tile. Rendered by the header as a static block per menu position, receiving the menu link as `link`.
| Setting | What it does |
|---|---|
| Layout | Options: Columns, Columns with images, Tabs, Promo tile. Default: columns. |
| First image | |
| Image link | |
| Image caption | |
| Second image | |
| Image link | |
| Image caption | |
| Third image | |
| Image link | |
| Image caption | |
| Promo product | |
| Promo collection | Used by the Promo tile layout. The first image, if set, replaces the product or collection image. |