> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-documentation/header/header-for-desktop/home-02-trendy-style.md).

# Home 02 - Trendy Style

<figure><img src="/files/zaarhuN397k5fvIYa0q0" alt=""><figcaption><p><a href="https://new-ella-demo.myshopify.com/?fts=0&#x26;preview_theme_id=123126317146">Home 02 - Trendy style</a></p></figcaption></figure>

{% embed url="<https://www.youtube.com/embed/QJOSOCm7GuY>" %}
Key moments: [02:01](https://www.youtube.com/watch?v=QJOSOCm7GuY\&t=121s) Home 02 - Trendy Style
{% endembed %}

To setup Header Home 02 - Trendy Style, you need to add the **Header Nav - Multi Site** section 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 Nav - Multi Site** section.

<figure><img src="/files/NOR5IQlOXMtVWM8tD1Tt" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can show menu tabs: Women, Men, Kids like on theme demo by using **Menu Tab** block.
{% endhint %}

<figure><img src="/files/AIXxKDLs9wGLcbckbEZp" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/WnfcQ2kZ5JHSDR13rboi" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The first tab "ELLA" is Homepage, you don't need to choose link for this tab, the other tabs are [<mark style="color:orange;">**Landing Page**</mark>](https://halosoft.gitbook.io/ella-documentation/~/changes/ya8CSeFxwPyu94dBt1WL/page/landing-page) 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
  {% endhint %}

## How to set up different navigation/menu for tabs?

1. From your Shopify admin, go to **Navigation.**
2. Click **Add menu** to create a menu you want to use for menu tab.
3. Go to the landing page you created to activate menu.

<figure><img src="/files/6jPSrwkupKMdVhkvVzCz" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/6K0YJcHIjrrzowVRhXGo" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/8jyvdkYVKofGU4VFlwg8" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The selected template must contain the word 'landing'. For example: template\_landing.
{% endhint %}

<figure><img src="/files/DvplqhBPlNgoOORT7Lg1" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
URL and Handle of Landing pages must be the same as the handle that you created in the navigation above.
{% endhint %}

## Upload Settings For Header

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

1. Click the [file to download](https://halosoft.gitbook.io/ella-documentation/header/header-for-desktop/home-02-trendy-style#preset-for-header-home-02-trendy-style) 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="/files/Yc6NY7U0m7uKVtNNa7tU" alt=""><figcaption></figcaption></figure>

## Preset for **Header** Home 02 - Trendy Style

<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=123126317146">Home 02 - Trendy style</a></td><td><a href="/files/qesCu3rE3hgaEqunNYBE">/files/qesCu3rE3hgaEqunNYBE</a></td></tr></tbody></table>