> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-7-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-7-documentation/header-group/install-layout.md).

# Install Layout

#### Apply Preset data for Header Layouts: <a href="#id-01-apply-preset-data-for-product-layouts" id="id-01-apply-preset-data-for-product-layouts"></a>

1. Please click the file to download the corresponding *"json"* of the layout you want.
2. Download the selected preset.
3. Open downloaded file in the text editor.
4. **SELECT ALL** and **COPY**.
5. From your Shopify admin, go to **Themes ->** **Actions** **->** **Edit Code.**

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

6. Find folder **Templates** **->** Open file **footer-group.json** **->** **SELECT ALL** and **DELETE**. **PASTE** the copied preset from the external file.

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

### Header Group Layout Demo <a href="#product-demo" id="product-demo"></a>

1. Header Group Home 1 - Classic
2. Header Group Home 2 - Trendy Style
3. Header Group Home 3 - High Fashion
4. Header Group Home 4 - SuperMarket
5. Header Group Home 5 - Electronics
6. Header Group Home 6 - Pet Supplies
7. Header Group Home 7 - Jewelry
8. Header Group Home 8 - Automotive
9. Header Group Home 9 - Shoes
10. Header Group Home 10 - Single Product

### Presets For Header Group <a href="#product-demo" id="product-demo"></a>

<table><thead><tr><th>Header Group Layout Demo</th><th data-type="files">header-group.json</th></tr></thead><tbody><tr><td>Header Group Home 1</td><td><a href="/files/3r3IdaCD3OBKCJWXJBfD">/files/3r3IdaCD3OBKCJWXJBfD</a></td></tr><tr><td>Header Group Home 2</td><td><a href="/files/tWTjqHbLidYGIHZJWsKz">/files/tWTjqHbLidYGIHZJWsKz</a></td></tr><tr><td>Header Group Home 3</td><td><a href="/files/dalaLFqZtgnmdzFO7mkA">/files/dalaLFqZtgnmdzFO7mkA</a></td></tr><tr><td>Header Group Home 4</td><td><a href="/files/yEzWMnGxcxEjr1dNBKvh">/files/yEzWMnGxcxEjr1dNBKvh</a></td></tr><tr><td>Header Group Home 5</td><td><a href="/files/AUDY7kMRFwv7wppRqHuR">/files/AUDY7kMRFwv7wppRqHuR</a></td></tr><tr><td>Header Group Home 6</td><td><a href="/files/NJTWbaFk9Qv89ds84Uay">/files/NJTWbaFk9Qv89ds84Uay</a></td></tr><tr><td>Header Group Home 7</td><td><a href="/files/Mi7yqFXsvgYcr9E62Y02">/files/Mi7yqFXsvgYcr9E62Y02</a></td></tr><tr><td>Header Group Home 8</td><td><a href="/files/WiuWk6CW6aWcCQt6NWih">/files/WiuWk6CW6aWcCQt6NWih</a></td></tr><tr><td>Header Group Home 9</td><td><a href="/files/qS3Ddb0rTij6pz6eEnrA">/files/qS3Ddb0rTij6pz6eEnrA</a></td></tr><tr><td>Header Group Home 10</td><td><a href="/files/Sd7maKN4Dw0aWlH8Ve8I">/files/Sd7maKN4Dw0aWlH8Ve8I</a></td></tr><tr><td>Header Group Home 11</td><td><a href="/files/zwQjZHYQ13kYdSrIgUwO">/files/zwQjZHYQ13kYdSrIgUwO</a></td></tr><tr><td>Header Group Home 12</td><td><a href="/files/sjpkgGwat8bljHboxfLv">/files/sjpkgGwat8bljHboxfLv</a></td></tr><tr><td>Header Group Home 13</td><td><a href="/files/M13w0hMimvdKD3oSt33c">/files/M13w0hMimvdKD3oSt33c</a></td></tr><tr><td>Header Group Home 14</td><td><a href="/files/yuYMsAqMMLknj9i6XexJ">/files/yuYMsAqMMLknj9i6XexJ</a></td></tr><tr><td>Header Group Home 15</td><td><a href="/files/Qw9IL0zLs4T4xEv1kw7u">/files/Qw9IL0zLs4T4xEv1kw7u</a></td></tr><tr><td>Header Group Home 16</td><td><a href="/files/AL7ZdvruWpH5Q1TpROpp">/files/AL7ZdvruWpH5Q1TpROpp</a></td></tr></tbody></table>