The header displays on all pages in your online store.
Section settings
Setting | Description |
Color scheme | A set of colors that you can apply to this section. Learn more about color schemes. |
The top header color scheme | A set of colors that you can apply to the top header. Learn more about color schemes. |
Logo image | The image for the section. Click Select Image to view your media library, or click the Change button to change or remove the image. |
Edit alt text | Add a brief description to improve SEO and to describe the media for customers using screen readers. |
Custom logo width | The width of the logo. Can be any multiple of 10, from 50 px to 250 px. The default is 100 px. |
Desktop logo position |
Where the logo displays in the header when a customer views the site on a large screen.
|
Main menu | The menu to use as your main menu. Click Change to select a different menu. |
Add "Go to" links to the dropdown menu on touch devices | Add the link of a parent item in the submenu. |
Show separator line | Displays a line to visually separate the header from the page's content. |
Enable sticky header | Redisplays the header when the customer scrolls back up. Disappears when the customer scrolls down. |
Sticky header |
Choose the way to show the sticky header. Two options:
|
Enable social links | Show a list of social network links in the top header on desktop and in the drawer menu on the tablet and mobile. |
Mobile logo position |
Where the logo displays in the header when a customer views the site on a mobile and tablet screen.
|
Enable country/region selector |
Adds a selector where a customer can choose the countries and regions that you've enabled in your payment settings so that customers can view your product prices in the currency of their choice. |
Enable language selector |
Adds a selector where a customer can choose the countries and regions that you've enabled in your language settings so that customers can browse your store in the language of their choice. |
Enable customer support region selector |
Adds a selector where a customer can view of list of support centers and their address, and hotline. |
Build a mega menu
You can refer to the Configure mega menu article for more details.
Menu label block
Setting | Description |
Text label | Enter the text content for the label. |
Icon | Pick an icon from the list. |
Menu badge block
Setting | Description |
Menu badge trigger | Enter the name of the first-level menu item that you want to add the badge. |
Text | Enter the text content for the badge. |
Text color | Pick a color for the text |
Background color | Pick a color for the background |
Store information block
Setting | Description |
Icon | Pick an icon from the list. |
Title | Enter the text. |
Link | URL for the information. |
Supported region
Add global hotline, and name, email, address, phone for each region.
Note: on the desktop screen, the customer support region is only visible when the logo position on desktop is set to "Top left" or "Middle left, navigation left".
Comments
0 comments
Article is closed for comments.