Home 01 – Fashion 01
Header Nav – Multi-Site
Last updated
Header Nav – Multi-Site
Last updated
To setup Header Home 01 – Fashion 01, you need to add the Header Nav – Multi-Site sections to the HEADER GROUP.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
At the HEADER GROUP -> click + Add section.
Search and select Header Nav – Multi-Site section.
To set up data for Header Home 01 – Fashion 01, please follow below instruction:
Click the file to download the corresponding "json" of the layout you want to open the data on a new tab.
SELECT ALL and COPY.
From your Shopify admin, go to Themes -> Actions -> Edit Code.
Find folder Sections -> Open file header-group.json -> SELECT ALL and DELETE then PASTE the copied preset from the external file.
You can show menu tabs: Women, Men, Beauty like on theme demo by using Menu Tab.
Each tab will have settings for Logo, Texts, Link. For the link, you will create Landing pages with below instructions and add link for the corresponding tabs.
The first tab "Women" is Homepage, you don't need to choose link for this tab, the other tabs are Landing pages and will link to the page you created.
With this header, there are 2 steps to set up:
Create Landing page
Set up different menu for each Landing Page
From your Shopify admin, go to Navigation.
Click Add menu to create a menu you want to use for menu tab.
Go to the landing page you created to activate menu.
URL and Handle of Landing pages must be the same as the handle that you created in the navigation above.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Announcement Bar".
| Home Page | Json (with .json format) |
|---|---|
