Home 06 - SuperMarket
Header - Single-Line and Header Nav - Vertical Menu
Last updated
Header - Single-Line and Header Nav - Vertical Menu
Last updated
To setup Header Home 06 - SuperMarket, you need to add the Header - Single-Line and 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 - Single-Line section.
Same for Header Nav - Vertical Menu section to add.
To show vertical menu of Home 06 - SuperMarket like on theme demo:
Click on Menu block of the Header Nav - Vertical Menu section.
Go to VERTICAL MENU setting -> Vertical Menu -> Select Style 3 and change color of text, icon,..in
Create a Menu in Navigation for Vertical menu. Remember the name of each collection in the menu level 01
Prepare an image of the icon you want. Name it with the same name as the collection in the menu level 01 (please use PNG image).
You need to go to Settings --> Files, upload images here
Rules: Lower cap and use a hyphen "-" to replace white space if your image name has the white space. For example: with the menu name "Electronics" the image name will be electronics.png
Recommended size for icon image: 20 x 20px
To set up data for Header Home 06 - SuperMarket, 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.
| Home Page | Json (with .json format) |
|---|---|
