> 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/footer/footer-layout/home-27-men-fashion-02.md).

# Home 27 - Men Fashion 02

Footer 01

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Fuj8xS8j0RzgbRUdGYPPY%2Ffooter-home-27.jpg?alt=media&amp;token=b8c237ce-c69b-43bf-969e-61211bacac6b" alt=""><figcaption><p><a href="https://new-ella-demo-11.myshopify.com//?fts=0&#x26;preview_theme_id=124693512243">Home 27 - Men Fashion 02</a></p></figcaption></figure>

► To setup Footer Home 27 - Men Fashion 02, you need to add the **Footer 01** section 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**.
4. Search and select **Footer 01** section.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F5PMoyvQtvPj6Wgb3aT4F%2Ffooter-01.jpg?alt=media&amp;token=ecb43ea9-8c35-4d66-bf24-7a8b0148889a" alt=""><figcaption></figcaption></figure>

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

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

<div><figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Fcd2XVfWIwoM6zIbLhquN%2Fmenu-block.jpg?alt=media&amp;token=cf8dd81e-391f-496e-a9d5-d95e4bc8da72" alt=""><figcaption></figcaption></figure> <figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FfyUHrX5SezcwS5ja2Fnd%2Fmenu-block-2.jpg?alt=media&amp;token=304bfc56-ea0d-4234-910a-ba0110b2761b" alt=""><figcaption></figcaption></figure> <figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FPCOwbfECKxItFpKdwMRt%2Fmenu-block-3.jpg?alt=media&amp;token=8528a3da-8f12-4d35-bf1e-686b4c410ccb" alt=""><figcaption></figcaption></figure></div>

2. **Newsletter** block: Limit 1.&#x20;

* The settings are for the block width, heading, description, button text along with their colors, spacing, background color.&#x20;

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FlEzJ8MDJHJX9ubIbkQRg%2Fnewsletter-block.jpg?alt=media&amp;token=3fc75328-b4cb-4ab1-8c29-be9e2959d2c9" alt=""><figcaption></figcaption></figure>

* At the bottom half of the settings, there are also settings for Social Media icons. Enable or swap the position with the newsletter as you prefer.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FtAsWp7pQz5r0d2MBEbQo%2Fsocial-media-icons.jpg?alt=media&amp;token=045ab56e-2b29-4faa-acab-c177fad49eaf" alt=""><figcaption></figcaption></figure>

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%2FU3JdJsBIybE22NlC6g4T%2Ffooter-bottom.jpg?alt=media&amp;token=abb59f20-d4fa-46e0-97c9-01f0e4187524" alt=""><figcaption></figcaption></figure>

## Upload Settings For Footer

<mark style="color:red;">To set up data for Footer Home 27 - Men Fashion 02, please follow below instruction:</mark>

1. Click the [file to download](https://halosoft.gitbook.io/ella-documentation/footer/footer-layout/home-27-men-fashion-02#preset-for-footer-home-27-men-fashion-02) 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&amp;token=4d3b1071-06c8-4f29-b2cb-cf36a84c9363" alt=""><figcaption></figcaption></figure>

## Preset for **Footer** Home 27 - Men Fashion 02

<table><thead><tr><th width="372">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=124693512243">Home 27 - Men Fashion 02</a></td><td><a href="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FUEoIbYTzP6kkNQHk6EKV%2Ffooter-group-27.json?alt=media&amp;token=c7e943ed-e6eb-4faa-ad2b-2736263b8282">footer-group-27.json</a></td></tr></tbody></table>
