{% embed url="" %}
Key Moments: [08:46](https://www.youtube.com/watch?v=QJOSOCm7GuY\&t=526s) Home 06 - SuperMarket
{% endembed %}
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.
{% hint style="info" %}
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
{% endhint %}
#### 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
{% hint style="info" %}
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**
{% endhint %}
{% hint style="warning" %}
Recommended size for icon image: 20 x 20px
{% endhint %}
## Upload Settings For Header
To set up data for Header Home 06 - SuperMarket, please follow below instruction:
1. Click the [file to download](https://halosoft.gitbook.io/ella-documentation/header/header-for-desktop/home-06-supermarket#preset-for-header-home-06-supermarket) 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
