# Home 03 - In vogue

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FN5qhD1aCgiXv5CiYI1d8%2Fimage.png?alt=media&#x26;token=05267bcb-6f45-4824-aa1f-de221de5ad02" alt=""><figcaption><p><a href="https://new-ella-demo.myshopify.com/?fts=0&#x26;preview_theme_id=123126677594">Home 03 - In vogue</a></p></figcaption></figure>

To setup Footer Layout 03, you need to add the **Newsletter** and **Footer 03** sections to the **FOOTER GROUP**.

1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.&#x20;
3. At the **FOOTER GROUP ->** click **+** **Add section**.&#x20;
4. Search and select **Newsletter** section.
5. Same for **Footer 03** section to add.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F7PiWgioUU72LzGdMtDLd%2Ffooter-3-add-section.jpg?alt=media&#x26;token=57923394-b878-4e1c-b453-e769aa5e6cc8" alt=""><figcaption></figcaption></figure>

► In the **Newsletter** section settings. Add or adjust **Newsletter** block as your need:

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FEjAvWb5lNltTie0N0aeQ%2Fnewsletter-section.jpg?alt=media&#x26;token=4da0b886-f414-45b5-b7e4-006db555002d" alt=""><figcaption></figcaption></figure>

► In the **Footer 03** section settings. Add or adjust these blocks as your need:

1. **Menu** block: Limit 3. The settings are for the block width, title, and menu selection for menu.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FJL1WOx9cHAD4xwoG5Rr5%2Ffooter-3-menu.jpg?alt=media&#x26;token=42ff01cc-6ecc-40c4-b993-b69ab0f2c8df" alt=""><figcaption></figcaption></figure>

2. **Social With Payment** block: Limit 1. The settings consist of two components: Social Media Icons and Payment. The social component allows you to change the color, icon size, background, spacing between items, or even the static color associated for each item. The payment component is toggleable with settings for title and payment types, methods.

<div><figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FS7nfAl1z4n0b5LEU1e79%2Ffooter-3-social.jpg?alt=media&#x26;token=b4b74abc-44b5-4757-b41d-a63e1ed3070e" alt=""><figcaption></figcaption></figure> <figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FbuyJrqRLamgvDrEstEmy%2Ffooter-3-payment.jpg?alt=media&#x26;token=2d0c771d-f2ce-45cc-9386-c445c1c56277" alt=""><figcaption></figcaption></figure></div>

3. **Footer Bottom** block: Limit 1. The settings are for copyright and payment methods with their positions choice.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FFuwJ3NiRrfDXjHH02l5l%2Ffooter-3-footer-bottom.jpg?alt=media&#x26;token=d6ecd2b1-8bd0-492a-b56e-a73745ca94a3" alt=""><figcaption></figcaption></figure>

## Upload Settings For Footer

<mark style="color:red;">To set up data for Footer Home 03 - In vogue, please follow below instruction:</mark>

1. Click the [file to download](https://halosoft.gitbook.io/ella-documentation/footer/footer-layout/home-03-in-vogue#preset-for-footer-home-03-in-vogue)[ ](https://app.gitbook.com/s/ag3h7ZduRGWlquTgGUHi/~/changes/453/footer/new-footer-section-group-layout/layout-01#preset-for-footer-layout-01)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 **footer-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%2FRPtqwgG6ABSZWhqME4z6%2Ffooter-group-edit.jpg?alt=media&#x26;token=4d3b1071-06c8-4f29-b2cb-cf36a84c9363" alt=""><figcaption></figcaption></figure>

## Preset for **Footer** Home 03 - In vogue

<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=123126677594">Home 03 - In vogue</a></td><td><a href="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FdYMN2GBCv1vKm0DaaDu1%2Ffooter-group-3.json?alt=media&#x26;token=468655a6-f496-4ed7-a833-dcf793dbdc41">footer-group-3.json</a></td></tr></tbody></table>
