Header
Overview:
The Header section serves as the main navigation and utility area of your store. It includes logo placement, primary navigation menus, customer account access, cart functionality, search with predictive suggestions, and optional mega menus. It supports sticky behavior for enhanced accessibility and visibility during scroll.
Section Configuration:
Site Logo
| Setting |
Description |
| Logo |
Uploads the store's logo image. |
| Desktop Width |
Sets the maximum width of the logo on desktop devices. |
| Mobile Width |
Sets the maximum width of the logo on mobile devices. |
Main Menu
| Setting |
Description |
| Menu |
Selects the navigation menu to display in the header. |
Search
| Setting |
Description |
| Enable Search |
Toggles the visibility of the search icon in the header. |
| Enable Predictive Suggestions |
Enables real-time suggestions for products, collections, and pages. |
| Preset Collections |
Displays selected collections in the predictive search interface. |
| Preset Products |
Displays selected products in the predictive search interface. |
| Preset Menu |
Displays selected menu links in the predictive search interface. |
| Search Banner Image |
Optional image displayed in the predictive search layout. |
Customer Account
| Setting |
Description |
| Enable Customer Login |
Shows a link to the login or customer account page (if enabled in store settings). |
Cart
| Setting |
Description |
| Show Cart Icon |
Displays a cart icon that links to the cart page or drawer. |
Layout
| Setting |
Description |
| Sticky Behavior |
Controls the sticky behavior of the header: none, on scroll up, or stacked. |
| Container Layout |
Defines the width behavior of the header container: contained or full-width. |
| Color Scheme |
Applies a color palette to the header section. |
Blocks Configuration:
Each Mega Menu block links to a specific menu item and displays an enhanced dropdown with products, collections, and an optional banner.
| Block Setting |
Description |
| Menu Item Index |
Assigns the mega menu block to a specific menu item by index (starting at 1). |
| Heading |
Heading text displayed in the mega menu. |
| Mega Collections |
Displays up to five collections in the mega menu dropdown. |
| Mega Products |
Displays up to five products in the mega menu dropdown. |
| Banner Image |
Optional image displayed in the mega menu dropdown. |
| Banner Link |
Optional URL applied to the banner image. |
| Open Link in New Tab |
Opens the banner link in a new browser tab when enabled. |