Header
Overview:
The "Header" section is designed to serve as the primary navigation and interaction hub at the top of your Shopify store's pages. This section is highly configurable, supporting features like search, social media links, customer account links, and shopping cart integration. It can be tailored to align with the brand’s style and functional needs.
Section Configuration:
General Layout Settings
| Setting |
Description |
| Show Cart |
Displays the cart icon in the header, allowing customers to access their cart. |
| Show Customer Account |
Displays the customer login/logout icon in the header. |
| Show Store Locator |
Displays a store locator button in the header for customers to find physical store locations. |
| Menu |
Allows selection of the menu to display in the header from a list of link lists. |
| Links Font Weight |
Choose the font weight for menu links (options: normal, medium, semi-bold, bold). |
| Menu Drawer Color Scheme |
Selects the color scheme for the menu drawer to align with site branding. |
Logo Settings
| Setting |
Description |
| Logo |
Allows uploading an image for the site logo. |
| Desktop Logo Width |
Sets the logo width for desktop view (in pixels). |
| Mobile Logo Width |
Sets the logo width for mobile view (in pixels). |
Search Settings
| Setting |
Description |
| Enable Search |
Displays a search bar in the header. |
| Enable Predictive Suggestions |
Enables predictive suggestions in the search bar as users type their queries. |
| Setting |
Description |
| Mega Menu Color Scheme |
Selects a color scheme for the mega menu to match the site's branding. |
| Setting |
Description |
| Enable Sticky Header |
Determines header behavior during scrolling. Options include: none, sticky on scroll, sticky on scroll up. |
Border Settings
| Setting |
Description |
| Show Top Border |
Adds a top border to the header for visual separation. |
| Show Bottom Border |
Adds a bottom border to the header for visual separation. |
Localization
| Setting |
Description |
| Enable Language Selector |
Displays a language selector in the header. |
| Enable Country Selector |
Displays a country selector in the header for currency and location options. |
Additional Features
| Setting |
Description |
| Full Width Section |
Allows the header to span the full width of the page. |
| Color Scheme |
Selects a color scheme for the header to align with the site's branding. |
Blocks Configuration
| Setting |
Description |
| Item Index |
Identifies the menu item associated with this mega menu block. |
| Products Slider |
Adds a product slider within the mega menu, allowing up to five products. |
| Auto Play |
Enables automatic rotation of the product slider. |
| Show Navigation |
Displays navigation arrows for the slider. |
| Change Slides Every |
Sets the time interval (in seconds) for slide changes. |
Featured Banner Block
| Setting |
Description |
| Banner Item Index |
Associates the banner with a specific menu item. |
| Image |
Uploads a banner image. |
| Heading |
Sets the main text for the banner. |
| Heading Weight |
Adjusts the font weight of the heading. |
| Subheading |
Adds a subheading to the banner. |
| Subheading Weight |
Adjusts the font weight of the subheading. |