# Home 05 - Surfing

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FEbRaKDYNi5MUj8bvFFyI%2Fimage.png?alt=media&#x26;token=294ec387-7bb1-4417-a64a-50a581177070" alt=""><figcaption><p><a href="https://new-ella-demo.myshopify.com/?fts=0&#x26;preview_theme_id=123126775898">Home 05 - Surfing</a></p></figcaption></figure>

► To setup Footer Home 05 - Surfing, you need to add the **Brand Slider** and **Footer 01** 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**.
4. Search and select **Brands Slider** section.
5. Same for **Footer 01** section to add.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FMy4P8pdOQ7dzJcpIqsWl%2Ffooter-1-setting-6.jpg?alt=media&#x26;token=30b3771f-ae05-4fc8-a1ec-0245004b58d2" alt=""><figcaption></figcaption></figure>

► In the **Brands Slider** section settings. Add or adjust **Image** blocks as your need.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Fim1OrOhWICjh6fmPNqzd%2Ffooter-1-setting-7.jpg?alt=media&#x26;token=c710ed6d-0639-4a47-aea2-f37ec13d903b" alt=""><figcaption></figcaption></figure>

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

1. **Text** block: Limit 2. The block allows you to upload logo image, address, phone and emails with icons.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F5TrZeqaIO3PZ351i9WKs%2Ffooter-1-setting-8.jpg?alt=media&#x26;token=24ac04bb-bbf1-4e9a-96af-dc50509c506b" alt=""><figcaption></figcaption></figure>

2. **Menu** block: Limit 4. The settings are for the block width, heading, 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%2FtRhAnaZ7wdmieczD8xWW%2Ffooter-1-setting-2.jpg?alt=media&#x26;token=a78a6ce3-41b8-466d-b4a1-f55b5edcc5f0" alt=""><figcaption></figcaption></figure>

3. **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%2FFEFZPuDqAHwkciCpLAh3%2Ffooter-1-setting-3.jpg?alt=media&#x26;token=510f35e2-1aec-4beb-93dd-4e8ba664fe4c" 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%2FN8LSpp6U2Os3V1USXtDj%2Ffooter-1-setting-4.jpg?alt=media&#x26;token=942496f4-32d7-439f-b66e-6b8acf106f7a" 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%2FWTqd4vCeg8r2APFaz9mp%2Ffooter-1-setting-5.jpg?alt=media&#x26;token=5b4b426e-83e7-42fd-a3e1-be68fbb23f60" alt=""><figcaption></figcaption></figure>

## Upload Settings For Footer

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

1. Click the [file to download](https://halosoft.gitbook.io/ella-documentation/footer/footer-layout/home-05-surfing#preset-for-footer-home-05-surfing)[ ](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 05 - Surfing

<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.myshopify.com/?fts=0&#x26;preview_theme_id=123126775898">Home 05 - Surfing</a></td><td><a href="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FzmV8oK6H6JIyfLhtf4hK%2Ffooter-group-5.json?alt=media&#x26;token=f37927e7-715b-4b2d-b9a6-3da912aa0a3a">footer-group-5.json</a></td></tr></tbody></table>
