# Home 33 - Coffee Shop

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FOixC2j6KWSku7AcZnzMJ%2Fimage.png?alt=media&#x26;token=a45ba2f4-f22b-4ce5-8d9f-f32a7d72d1c3" 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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FOtniJFv4XHWoIGuSLPwm%2Fimage.png?alt=media&#x26;token=cf235df9-9932-43cf-85b0-b39454822240" 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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FZ0PNjQsu17IbqOcEbewd%2Fimage.png?alt=media&#x26;token=a6540eea-c474-4487-b332-53ce14cdd096" alt=""><figcaption></figcaption></figure> <figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FIDhI7Z8e22q5YLNXIfOq%2Fimage.png?alt=media&#x26;token=f940b4d3-45e8-4cf1-80ea-45a1c7faa901" alt=""><figcaption></figcaption></figure></div>

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F8EKU3uoIlpp09lXBYjFc%2Fimage.png?alt=media&#x26;token=e368219d-52bc-4539-890b-8b0e3edaeaea" 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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FvVy6UilrqQAcrE0i3vPr%2Fimage.png?alt=media&#x26;token=660bb5ff-9fbb-4767-a8ff-96e98b87a166" alt=""><figcaption></figcaption></figure> <figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Ff22OJennBEpAJZuq7JsH%2Fimage.png?alt=media&#x26;token=4f982e77-84f4-41c9-93c5-0e31f3cb40c4" 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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Fpts2nYxipPNhbnTGNwyd%2Fimage.png?alt=media&#x26;token=2bc4925a-8b3a-4a85-981f-056aefb7127c" 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%2FJq6u6xwslfyju4ylOjhB%2Fimage.png?alt=media&#x26;token=c293b0b4-e55c-41fc-9de4-5979545eae26" 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](#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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FGf0d8QTWmgo31JyagSnH%2Fimage.png?alt=media&#x26;token=3206bcde-9917-4c18-9ea9-033ddd5c1d3d" 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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FfleZGk1kDZX3hFSrmA20%2Ffooter-group-33.json?alt=media&#x26;token=0f0d207d-c90f-46ff-af91-9c1bd0fbfdca">footer-group-33.json</a></td></tr></tbody></table>
