Header
Overview:
The Header section displays your store's navigation, logo, search, account access, cart, and a marquee-style scrolling announcement bar. It supports customization of layout, font styles, and behavior on scroll for enhanced user experience across devices.
Section Configuration:
Setting |
Description |
| Show Cart |
Displays the shopping cart icon with item count and optional text. |
| Show Customer Account |
Displays the customer login or logout icon, depending on account status. |
| Show Mobile Social Icons |
Displays social media icons in the mobile menu if enabled. |
Announcement Bar Settings
Setting |
Description |
| Announcement Heading Size |
Sets the text size of the scrolling announcement. Options include Small to X-Large. |
| Announcement Heading Weight |
Controls the font weight of the announcement text. |
Setting |
Description |
| Marquee Speed |
Controls the speed of the scrolling announcement text (1–30 seconds). |
| Marquee Direction |
Sets the scrolling direction of the announcement: forward or backward. |
| Pause on Hover |
When enabled, the announcement bar pauses scrolling on mouse hover. |
Logo Settings
Setting |
Description |
| Logo Image |
Displays a custom logo image in the header. |
| Desktop Logo Width |
Sets the display width of the logo on desktop devices. |
| Mobile Logo Width |
Sets the display width of the logo on mobile devices. |
Setting |
Description |
| Main Menu |
Selects the navigation menu displayed in the header. |
| Link Font Weight |
Defines the font weight for menu links. |
Search Settings
Setting |
Description |
| Enable Search |
Displays a search icon that opens the search field or predictive search. |
| Enable Predictive Suggestions |
Enables predictive search suggestions from products, collections, and articles. |
| Predictive Collection |
Displays specific collections in the predictive search dropdown. |
| Predictive Products |
Displays specific products in the predictive search dropdown. |
| Predictive Articles |
Displays blog articles in the predictive search dropdown. |
| Predictive Menu |
Displays menu links in the predictive dropdown results. |
| Predictive Corner Radius |
Sets the border-radius styling for the search dropdown. |
Setting |
Description |
| Enable Country Selector |
Adds a dropdown menu for selecting a country and associated currency. |
Layout Settings
Setting |
Description |
| Container Layout |
Defines the container style: Page Width, Contained Content, or Full Width. |
| Corner Radius |
Adjusts the corner styling for header dropdowns and sections. |
| Sticky Header |
Controls when the header becomes sticky (e.g., scroll up, scroll down, or never). |
| Enable Dropdown Hover |
Enables dropdown menus to open on hover instead of click. |
| Color Scheme |
Applies a predefined color scheme to the entire header section. |
Blocks Configuration:
The Mega Menu Block enhances a navigation item with featured content like products, banners, and collections.
Setting |
Description |
| Item Index |
Specifies which main menu item will trigger the mega menu. |
| View As |
Determines the type of featured content: collection or product. Default: Collection. |
| Mega menu Collection View |
When the user selects 'Collection View' and adds collections, a collection list with featured images will be generated in the mega menu. |
| Mega menu Product View |
When the user selects 'Products View' and adds products, a product list with featured images will be generated in the mega menu. |