The site-wide header: logo, main navigation (including mega menu), search, cart, and account icons, with sticky and transparent header options.
Section settings #
- Color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Mega menu color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Drawer and control pill color ccheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Section width: Choose from: “Page”, “Full”.
- Enable sticky header: Switch this on to enable sticky header.
- Enable transparent header: Switch this on to enable transparent header.
- Show separator line: Switch this on to show separator line.
- Header layout: Choose from: “Logo centered”, “Logo left”, “Logo top center (double-row)”, “Logo top left (double-row)”, “Drawer”.
- Menu trigger: Choose from: “On hover”, “On click”.
- Main menu: Select a navigation menu created under Online Store → Navigation.
- Header button text: Enter a short line of text.
- Header button link: Link to a page, product, collection, blog post, or external URL.
- Show search icon: Switch this on to show search icon.
- Show account icon: Switch this on to show account icon.
- Customer account menu: Select a navigation menu created under Online Store → Navigation.
- Show cart icon: Switch this on to show cart icon.
- Enable voice search: Switch this on to enable voice search.
- Enable language selectors: Switch this on to enable language selectors.
- Enable country selectors: Switch this on to enable country selectors.
- Bottom row color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Hide bottom row on scroll: Switch this on to enable hide bottom row on scroll.
Mega menu item block #
- Menu item handle: Enter a short line of text.
- Item type: Choose from: “Multiple images with links”, “Multiple page links”, “Featured products from collection”, “Multiple collections”, “Blog posts”, “Custom content”.
- Section heading: Enter a short line of text.
- First image: Upload or select an image to display.
- First link: Link to a page, product, collection, blog post, or external URL.
- First text: Enter a short line of text.
- First link label: Enter a short line of text.
- Second image: Upload or select an image to display.
- Second link: Link to a page, product, collection, blog post, or external URL.
- Second text: Enter a short line of text.
- Second link label: Enter a short line of text.
- Third image: Upload or select an image to display.
- Third link: Link to a page, product, collection, blog post, or external URL.
- Third text: Enter a short line of text.
- Third link label: Enter a short line of text.
- Fourth image: Upload or select an image to display.
- Fourth link: Link to a page, product, collection, blog post, or external URL.
- Fourth text: Enter a short line of text.
- Fourth link label: Enter a short line of text.
- First page: Select a page from your store.
- Second page: Select a page from your store.
- Third page: Select a page from your store.
- Fourth page: Select a page from your store.
- Select collection for products: Select a collection from your store.
- Number of products to show: Fine-tune this value with the slider (from 1 to 8).
- Collection first: Select a collection from your store.
- Collection second: Select a collection from your store.
- Collection third: Select a collection from your store.
- Collection fourth: Select a collection from your store.
- Blog: Select a blog from your store.
- Number of blog posts to show: Fine-tune this value with the slider (from 1 to 8).
