Home 06 - SuperMarket

Header - Single-Line and Header Nav - Vertical Menu

To setup Header Home 06 - SuperMarket, you need to add the Header - Single-Line and sections to the HEADER GROUP.

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. At the HEADER GROUP -> click + Add section.

  4. Search and select Header - Single-Line section.

  5. 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

To show icons for vertical menu, please follow our instruction below:

  • Create a Menu in Navigation for Vertical menu. Remember the name of each collection in the menu level 01

  1. 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).

  2. 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

Upload Settings For Header

To set up data for Header Home 06 - SuperMarket, please follow below instruction:

  1. Click the file to download the corresponding "json" of the layout you want to open the data on a new tab.

  2. SELECT ALL and COPY.

  3. From your Shopify admin, go to Themes -> Actions -> Edit Code.

  4. Find folder Sections -> Open file header-group.json -> SELECT ALL and DELETE then PASTE the copied preset from the external file.

Preset for Header Home 06 - SuperMarket

Last updated