> 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-07-electronics.md).

# Home 07 - Electronics

<figure><img src="/files/u2JA6NkNCzUfCGA0DVm9" alt=""><figcaption><p><a href="https://new-ella-demo.myshopify.com/?fts=0&#x26;preview_theme_id=123126841434">Home 07 - Electronics</a></p></figcaption></figure>

{% embed url="<https://www.youtube.com/embed/QJOSOCm7GuY>" %}
Key Moments: [10:54](https://www.youtube.com/watch?v=QJOSOCm7GuY\&t=654s) Home 07 - Electronics
{% endembed %}

To setup Header Home 07 - Electronics, 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. &#x20;

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

{% hint style="info" %}
Please disable Vertical Menu to show navigation like on **Home 07 - Electronics** header.

* Click on **Menu** block of the **Header Nav - Vertical Menu** section.
* Go to settings **VERTICAL MENU** -> **Vertical Menu** -> Select **None**
  {% endhint %}

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

## Upload Settings For Header

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

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

<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.myshopify.com/?fts=0&#x26;preview_theme_id=123126841434">Home 07 - Electronics</a></td><td><a href="/files/Jx7sxUl9qkkb0VZNRPa5">/files/Jx7sxUl9qkkb0VZNRPa5</a></td></tr></tbody></table>
