# Home 19 - Swimwear 1

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FfTAQ2jsSb18CTDgouVAx%2Fheader-8-2.jpg?alt=media&#x26;token=3b313001-6a8d-4db9-b4b1-cbf67148250c" alt=""><figcaption><p><a href="https://new-ella-demo-11.myshopify.com/?fts=0&#x26;preview_theme_id=123360739379">Home 19 - Swimwear 1</a></p></figcaption></figure>

{% embed url="<https://www.youtube.com/embed/QJOSOCm7GuY>" %}
Key Moments: [26:38](https://www.youtube.com/watch?v=QJOSOCm7GuY\&t=1598s) Home 19 - Swimwear 1
{% endembed %}

To setup Header Home 19 - Swimwear 1, you need to add the **Header - Basic** and **Header Nav - Plain** 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 - Basic** section.
5. Same for **Header Nav - Plain** section to add.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FZOXxnqZelJqGww8PdeUv%2Fheader-8-setting.jpg?alt=media&#x26;token=e349cf72-1aeb-4e1e-b5b6-f654b88cfb03" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
To setup header transparent like header of **Home 19 - Swimwear 1**:

1. Click on the **Header Basic** section.
2. Go to **TRANSPARENT HEADER** setting -> tick on the **Enable on homepage** checkbox
3. Same for **Header Nav - Plain** section.
   {% endhint %}

<div><figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FKmL4Ct3S8ITgRbDkv34k%2Fheader-8-setting.jpg?alt=media&#x26;token=9e9b2302-124e-4875-a3d8-54c1eba8d228" alt=""><figcaption></figcaption></figure> <figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F05gOSoBjmrPxvNSLgu52%2Fheader-8-setting-2.jpg?alt=media&#x26;token=cd6acb13-e529-4220-a291-66acc689dff9" alt=""><figcaption></figcaption></figure></div>

## Upload Settings For Header

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

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

<table><thead><tr><th>Home Page</th><th data-type="files">Json (with .json format)</th></tr></thead><tbody><tr><td><a href="https://new-ella-demo-11.myshopify.com/?fts=0&#x26;preview_theme_id=123360739379">Home 19 - Swimwear 1</a></td><td><a href="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FvZWgr8LY68BKUQkP8cst%2Fheader-group-19.json?alt=media&#x26;token=c634063a-6b7d-48f8-a4ef-19465d503018">header-group-19.json</a></td></tr></tbody></table>
