---
description: Header - Advanced and Header Nav - Vertical Menu
---

# Home 08 - Large Catalogs

### Style 1

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FhbeyjKSTreU62THI5Cvd%2Fheader-7.jpg?alt=media&#x26;token=9233e957-2496-439c-b081-8c3f4dab9482" alt=""><figcaption><p><a href="https://new-ella-demo.myshopify.com/?fts=0&#x26;preview_theme_id=123126906970">Home 08 - Large Catalogs</a></p></figcaption></figure>

{% embed url="https://www.youtube.com/embed/QJOSOCm7GuY" %}
Key Moments: [12:47](https://www.youtube.com/watch?v=QJOSOCm7GuY\&t=767s) Home 08 - Large Catalogs
{% endembed %}

To setup Header Home 08 - Large Catalogs, you need to add the **Header - Advanced** and **Header Nav - Vertical Menu** 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 - Advanced** section.
5. Same for **Header Nav - Vertical Menu** section to add.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F5BNgyrkuVMpL0rvbz1RX%2Fheader-7-setting.jpg?alt=media&#x26;token=01d78862-f678-4445-af36-9b431510d5ad" alt=""><figcaption></figcaption></figure>

6. Click on **Menu** block of the **Header Nav - Vertical Menu** section.
7. Go to settings **VERTICAL MENU** -> **Vertical Menu** -> select **Style 2** and change color of text, link as you like.
8. After then, change&#x20;

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FKlTVn7uLnaLFNtfYsuhv%2Fhome-8-setting.jpg?alt=media&#x26;token=bd5d0129-261d-45a2-9e69-1b188792cef1" alt=""><figcaption></figcaption></figure>

## Upload Settings For Header

<mark style="color:red;">To set up data for Header Home 08 - Large Catalogs, please follow below instruction:</mark>

1. Click the [file to download](https://halosoft.gitbook.io/ella-documentation/header/header-for-desktop/home-08-large-catalogs#preset-for-header-home-08-large-catalogs) 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.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F455E9bEhZsK2Spf1Gv3S%2Fheader-group-edit.jpg?alt=media&#x26;token=a212f304-4e45-4789-ab1e-e4d8b0d8f42d" alt=""><figcaption></figcaption></figure>

## Preset for **Header** Home 08 - Large Catalogs

<table><thead><tr><th></th><th data-type="files"></th></tr></thead><tbody><tr><td><a href="https://new-ella-demo.myshopify.com/?fts=0&#x26;preview_theme_id=123126906970">Home 08 - Large Catalogs</a></td><td><a href="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FbJqBoY7tvm6ShBhWK9vo%2Fheader-group-8.json?alt=media&#x26;token=51cf8b89-f26b-45b3-b18c-1ada4ec76058">header-group-8.json</a></td></tr></tbody></table>
