> 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-33-coffee-shop.md).

# Home 33 - Coffee Shop

<figure><img src="/files/4kJBtUKJ3TnZuhC1vlAL" alt=""><figcaption><p><a href="https://new-ella.myshopify.com/?preview_theme_id=130564915298">Home 33 - Coffee Shop</a></p></figcaption></figure>

► To set up the footer for **Home 33 - Coffee Shop**, 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="/files/MNyHMRrm8423EsXket72" alt=""><figcaption></figcaption></figure>

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

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

<div><figure><img src="/files/rt8tAFbXOfPc8u0ABUC1" alt=""><figcaption></figcaption></figure> <figure><img src="/files/0BkWVKaOO8UKkN1qgesw" alt=""><figcaption></figcaption></figure></div>

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

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

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

<div><figure><img src="/files/Ym7yw2fzTB5zLqHfTtZ3" alt=""><figcaption></figcaption></figure> <figure><img src="/files/HsqAhPyp2grp14uJTCyA" alt=""><figcaption></figcaption></figure></div>

* 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="/files/2m1s98BsR0iqCzoFID9r" 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="/files/aD9fzQsN2noSSnSLp3KS" alt=""><figcaption></figcaption></figure>

## Upload Settings For Footer

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

1. Click the [file to download](/ella-documentation/footer/footer-layout/home-33-coffee-shop.md#preset-for-home-33-coffee-shop) 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="/files/g4zZCjQ9ijn15V0UOCxW" alt=""><figcaption></figcaption></figure>

## Preset for Home 33 - Coffee Shop

<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.myshopify.com/?preview_theme_id=130564915298">Home 33 - Coffee Shop</a></td><td><a href="/files/0WiwDqJs9JWOrWFLHqDU">/files/0WiwDqJs9JWOrWFLHqDU</a></td></tr></tbody></table>