# Footer

{% hint style="info" %}
&#x20;**Sections -> Footer**
{% endhint %}

### Type

&#x20;Shella theme offers seven types of the footer which can be chosen from the dropdown list in **“Type”**. We will show you, what each type looks like. We have also enabled all possible options and have added all possible content blocks, which is why we would like to pay your attention to the point, that not each type of the footer contains all content blocks and other options. This is what makes them different.

{% tabs %}
{% tab title="Type #1" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MfmD9L9D9mp-75NOX7F%2F-MfmEpaZgk7vjCH__WTy%2FScreenshot_21.png?alt=media\&token=1783c9a8-393b-46e7-9298-61902d4ecfdd)
{% endtab %}

{% tab title="Type #2" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MfmD9L9D9mp-75NOX7F%2F-MfmEx-inoKG65vQhAvc%2FScreenshot_22.png?alt=media\&token=9d8ef6dd-689b-4c92-95e3-b8ee72ed5bc3)
{% endtab %}

{% tab title="Type #3" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MfmD9L9D9mp-75NOX7F%2F-MfmF1SnyKZCRKobAhKB%2FScreenshot_23.png?alt=media\&token=676dbd47-ae06-4353-951b-0e15165b144d)
{% endtab %}

{% tab title="Type #4" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MfmD9L9D9mp-75NOX7F%2F-MfmF88wK0j5k06_W8fm%2FScreenshot_24.png?alt=media\&token=12d6cbfa-d514-4d13-885f-6fb8237f2310)
{% endtab %}

{% tab title="Type #5" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MfmD9L9D9mp-75NOX7F%2F-MfmFDZt1wtU0ffKC54_%2FScreenshot_25.png?alt=media\&token=b7a919d7-cec0-4a8c-93b2-aad63a83c128)
{% endtab %}

{% tab title="Type #6" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MfmD9L9D9mp-75NOX7F%2F-MfmFHxkcQe9bk8h8fIK%2FScreenshot_26.png?alt=media\&token=6d840cd1-f684-4da1-80be-26fe026fa9a0)
{% endtab %}

{% tab title="Type #7" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MfmD9L9D9mp-75NOX7F%2F-MfmFKaNalSwot4B9zTa%2FScreenshot_27.png?alt=media\&token=345b5709-784c-4278-8736-ec34b4c45d95)
{% endtab %}
{% endtabs %}

### Colorize style

&#x20;Here you can choose the **“Colorize style”** of the Footer. The theme includes two styles:

{% tabs %}
{% tab title="Style #1" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-Me9MVRmXvGpPF6__z3c%2F-Me9POQGvP8LSD582Uv-%2FScreenshot_2.png?alt=media\&token=b7212afe-035b-4964-a8ea-2d733fbb231a)
{% endtab %}

{% tab title="Style #2" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-Me9MVRmXvGpPF6__z3c%2F-Me9PSRBW5WHFti79HXH%2FScreenshot_3.png?alt=media\&token=d206b89b-429b-4a8d-90ba-4f5e7e94734f)
{% endtab %}
{% endtabs %}

&#x20;For more advanced Footer color settings, a block **“Colorize”** should be added. Check details [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/footer/content-blocks#colorize).

### Show logo

&#x20;If you enable this option, the footer logo will be displayed. This option is for footer types #1, #2, and #6. We will show you an example of the logo in the footer type #6:&#x20;

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-Me9PhnL4UpwdGBll222%2F-Me9QRlw57oaKQqhNUCP%2FScreenshot_4.png?alt=media\&token=5b1120dd-ed28-41da-be25-abeec714cf30)

&#x20;How to configure the Footer logo, you can read [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/logo-and-favicon#footer-logo).

### Show button “Back to top”

&#x20;This option enables you to display the “Back to top” button. It is available for all footer types. Once the client clicks on it, users will be automatically on the top of the page, without scrolling up the browser page.&#x20;

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-Me9QUnb0vJhTMNemxLZ%2F-Me9Rh0tlDHlgCbd1xmE%2FScreenshot_5.png?alt=media\&token=4aa94b74-c62d-49c7-b8d6-f0e1017233e3)

### Enable fixed footer

&#x20;If you enable this option, the Footer will be fixed, which means there will not be any space between the footer and the other page content, when scrolling up the browser page.

### Follow on Shop

&#x20;Use the **“Enable Follow on Shop”** option to display the button in the Footer that allows customers to follow your store. How to set up the **“Follow on Shop”** button, you can read [<mark style="color:blue;">**here**</mark>](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/follow-on-shop).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://mpithemes.gitbook.io/shella-shopify-theme/footer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
