# Preset for Homepages

When you install the theme source, you will get the default **Homepage 1** layout. If you want to use a different homepage layout, please follow the instructions below.

## Step 1: Upload index.json file for Homepage

<mark style="color:red;">To upload index.json file, please follow below instruction:</mark>

1. Click [the file](#files-code) to download 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.**

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

4. Click 🔍 on the top bar to search file code **->** open the "**index.json**" file, **->** **SELECT ALL** and **DELETE** then **PASTE** the copied preset from the external file:

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

## Step 2: Upload settings\_data.json file for Homepage

<mark style="color:red;">To upload settings\_data.json file, please follow below instruction:</mark>

1. Click [the file](#files-code) to download 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.**

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

4. Click 🔍 on the top bar to search file code **->** Open file **settings\_data.json** **->** **SELECT ALL** and **DELETE** then **PASTE** the copied preset from the external file.

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

## Step 3: Upload header-group.json file for Header

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

1. Click [the file](#files-code) to download 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.**

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

\
4\. Click 🔍 on the top bar to search file code **->** Open file **header-group.json** **->** **SELECT ALL** and **DELETE** then **PASTE** the copied preset from the external file:

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

## Step 4: Upload footer-group.json file for Footer

<mark style="color:red;">To set up data for Footer Layouts, please follow below instruction:</mark>

1. Click [the file](#files-code) to download 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.**

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

4\. Click 🔍 on the top bar to search file code **->** Open file **footer-group.json** **->** **SELECT ALL** and **DELETE** then **PASTE** the copied preset from the external file:

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

## Files code

<table><thead><tr><th width="149">Homepage demo</th><th data-type="files">settings_data.json</th><th data-type="files">index.json</th><th data-type="files">header-group.json</th><th data-type="files">footer-group.json</th></tr></thead><tbody><tr><td><a href="https://new-ella-demo-07.myshopify.com//?fts=0&#x26;preview_theme_id=137341599849">Homepage 01 - Classic</a></td><td><a href="/files/UTzRu0alW66oppRIiXZh">/files/UTzRu0alW66oppRIiXZh</a></td><td><a href="/files/Eob6aTYmVs7wJweI55tX">/files/Eob6aTYmVs7wJweI55tX</a></td><td><a href="/files/3r3IdaCD3OBKCJWXJBfD">/files/3r3IdaCD3OBKCJWXJBfD</a></td><td><a href="/files/CECqvs2o2pIWKnIi2gQD">/files/CECqvs2o2pIWKnIi2gQD</a></td></tr><tr><td><a href="https://new-ella-demo-07.myshopify.com//?fts=0&#x26;preview_theme_id=137554722921">Homepage 02 - Trendy Style</a></td><td><a href="/files/sa8iFzrtrQ8Db2Y6Esa9">/files/sa8iFzrtrQ8Db2Y6Esa9</a></td><td><a href="/files/h3BWHXybFLcqgOIABJxt">/files/h3BWHXybFLcqgOIABJxt</a></td><td><a href="/files/tWTjqHbLidYGIHZJWsKz">/files/tWTjqHbLidYGIHZJWsKz</a></td><td><a href="/files/JXekxv9wqfcONiJGdUQJ">/files/JXekxv9wqfcONiJGdUQJ</a></td></tr><tr><td><a href="https://new-ella-demo-07.myshopify.com//?fts=0&#x26;preview_theme_id=137387049065">Homepage 03 - High Fashion</a></td><td><a href="/files/9Z0MwUaq0oefGdc3xt9A">/files/9Z0MwUaq0oefGdc3xt9A</a></td><td><a href="/files/8G3ExcfSZnqj4W1gdxvK">/files/8G3ExcfSZnqj4W1gdxvK</a></td><td><a href="/files/dalaLFqZtgnmdzFO7mkA">/files/dalaLFqZtgnmdzFO7mkA</a></td><td><a href="/files/ou6ZYuyWZ3DpugdHhyzP">/files/ou6ZYuyWZ3DpugdHhyzP</a></td></tr><tr><td><a href="https://new-ella-demo-07.myshopify.com//?fts=0&#x26;preview_theme_id=137361358953">Homepage 04 - Supermarket</a></td><td><a href="/files/dbwdX1zdKrS0Fi2nTZpK">/files/dbwdX1zdKrS0Fi2nTZpK</a></td><td><a href="/files/TxNpZzlVip4tYSUs67v5">/files/TxNpZzlVip4tYSUs67v5</a></td><td><a href="/files/yEzWMnGxcxEjr1dNBKvh">/files/yEzWMnGxcxEjr1dNBKvh</a></td><td><a href="/files/LbVXEFyWkBMQBfujwGFm">/files/LbVXEFyWkBMQBfujwGFm</a></td></tr><tr><td><a href="https://new-ella-demo-07.myshopify.com//?fts=0&#x26;preview_theme_id=137463890025">Homepage 05 - Electronics</a></td><td><a href="/files/d04MOYktUJrk2HvHu82I">/files/d04MOYktUJrk2HvHu82I</a></td><td><a href="/files/sW6O0lbNDz93cBGYsLl4">/files/sW6O0lbNDz93cBGYsLl4</a></td><td><a href="/files/AUDY7kMRFwv7wppRqHuR">/files/AUDY7kMRFwv7wppRqHuR</a></td><td><a href="/files/D3QAgSi2JSIJPzQbSPkz">/files/D3QAgSi2JSIJPzQbSPkz</a></td></tr><tr><td><a href="https://new-ella-demo-07.myshopify.com//?fts=0&#x26;preview_theme_id=137464741993">Homepage 06 - Pet Supplies</a></td><td><a href="/files/2Z2Bs4gGwS1ehIeakFx6">/files/2Z2Bs4gGwS1ehIeakFx6</a></td><td><a href="/files/EXAsAPHwsBuw3xw1boX1">/files/EXAsAPHwsBuw3xw1boX1</a></td><td><a href="/files/NJTWbaFk9Qv89ds84Uay">/files/NJTWbaFk9Qv89ds84Uay</a></td><td><a href="/files/7AjfxAZc4WgWezENHlBG">/files/7AjfxAZc4WgWezENHlBG</a></td></tr><tr><td><a href="https://new-ella-demo-07.myshopify.com/?fts=0&#x26;preview_theme_id=137579462761">Homepage 07 - Jewelry</a></td><td><a href="/files/OFC7OHFarC0c25SVRIeD">/files/OFC7OHFarC0c25SVRIeD</a></td><td><a href="/files/cEoYPwIiuokFXyPLbAGU">/files/cEoYPwIiuokFXyPLbAGU</a></td><td><a href="/files/Mi7yqFXsvgYcr9E62Y02">/files/Mi7yqFXsvgYcr9E62Y02</a></td><td><a href="/files/QBVcqk0nInj9zWRJ5ydV">/files/QBVcqk0nInj9zWRJ5ydV</a></td></tr><tr><td><a href="https://new-ella-demo-07.myshopify.com//?fts=0&#x26;preview_theme_id=137437970537">Homepage 08 - Automotive</a></td><td><a href="/files/76VW8OoeK5zwXSV18bNj">/files/76VW8OoeK5zwXSV18bNj</a></td><td><a href="/files/Drao6hiHdaEaIK6Y5N9j">/files/Drao6hiHdaEaIK6Y5N9j</a></td><td><a href="/files/WiuWk6CW6aWcCQt6NWih">/files/WiuWk6CW6aWcCQt6NWih</a></td><td><a href="/files/AtXRoYB4EtQ3x924HBGf">/files/AtXRoYB4EtQ3x924HBGf</a></td></tr><tr><td><a href="https://new-ella-demo-07.myshopify.com//?fts=0&#x26;preview_theme_id=137501311081">Homepage 09 - Shoe</a></td><td><a href="/files/gCUZQIsn9WTtCQsYzBcs">/files/gCUZQIsn9WTtCQsYzBcs</a></td><td><a href="/files/2ZU0Xajm9yjeSNMvrvIQ">/files/2ZU0Xajm9yjeSNMvrvIQ</a></td><td><a href="/files/qS3Ddb0rTij6pz6eEnrA">/files/qS3Ddb0rTij6pz6eEnrA</a></td><td><a href="/files/tV7HsDviINiWvzLhxSNv">/files/tV7HsDviINiWvzLhxSNv</a></td></tr><tr><td><a href="https://new-ella-demo-07.myshopify.com//?fts=0&#x26;preview_theme_id=137548890217">Homepage 10 - Single Product</a></td><td><a href="/files/omrD7e2eHCab8qyXd9TH">/files/omrD7e2eHCab8qyXd9TH</a></td><td><a href="/files/lEt0BfjBXizPlXbEtFCY">/files/lEt0BfjBXizPlXbEtFCY</a></td><td><a href="/files/Sd7maKN4Dw0aWlH8Ve8I">/files/Sd7maKN4Dw0aWlH8Ve8I</a></td><td><a href="/files/Qcbpsqrz4qXaqagesk9h">/files/Qcbpsqrz4qXaqagesk9h</a></td></tr><tr><td><a href="https://new-ella-demo-07.myshopify.com/?fts=0&#x26;preview_theme_id=139015684201">Homepage 11 - Chic Couture</a></td><td><a href="/files/HTZauojoRVOnk0R9DDgF">/files/HTZauojoRVOnk0R9DDgF</a></td><td><a href="/files/R5L56C99FgRIjDNh4aHB">/files/R5L56C99FgRIjDNh4aHB</a></td><td><a href="/files/zwQjZHYQ13kYdSrIgUwO">/files/zwQjZHYQ13kYdSrIgUwO</a></td><td><a href="/files/aHoqcqUUjTUmLCEtprp0">/files/aHoqcqUUjTUmLCEtprp0</a></td></tr><tr><td><a href="https://new-ella-demo-07.myshopify.com/?fts=0&#x26;preview_theme_id=138643243113">Homepage 12 - Yoga</a></td><td><a href="/files/iZkLh7XGAWkSBKxWAtKj">/files/iZkLh7XGAWkSBKxWAtKj</a></td><td><a href="/files/Kqla4vMhDu9c1SaYupxz">/files/Kqla4vMhDu9c1SaYupxz</a></td><td><a href="/files/sjpkgGwat8bljHboxfLv">/files/sjpkgGwat8bljHboxfLv</a></td><td><a href="/files/Tc2ZN5aC2rBiJ0jzCl6Z">/files/Tc2ZN5aC2rBiJ0jzCl6Z</a></td></tr></tbody></table>

## Guide copy json data to source theme

<figure><img src="/files/9DN5O1ujHGxn87tLhr7d" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://halosoft.gitbook.io/ella-7-documentation/installation-and-update/import-layout-as-demo/preset-for-homepages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
