# Footer

## The footer appearance

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2FqFdTn4ASI1wveEymcXFf%2Ffooter.png?alt=media&#x26;token=3bdda1c9-2648-420c-bea1-23055268ce7d" alt=""><figcaption></figcaption></figure>

## Section settings

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2FoMZBKEdjWOUc78RnsWYk%2FFooter-settings.png?alt=media&#x26;token=2b4b3916-1b4e-4a6e-9b7b-e1bcdc31b75a" alt=""><figcaption></figcaption></figure>

| Settings                           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Page width**                     | <ul><li><strong>Boxed</strong>: With boxed width, page content can be displayed within the maximum width. <strong>The page width can be changed in Theme Settings > Layout.</strong></li></ul><ul><li><strong>Full width:</strong> With the "Full width" option, page content can be displayed in its entirety full-width. <strong>When you show content at full width, you can add padding to the left and right sides.</strong></li></ul> |
| **Background image**               | You can add a background image for the footer.                                                                                                                                                                                                                                                                                                                                                                                              |
| **Color scheme**                   | You can change color of the footer.                                                                                                                                                                                                                                                                                                                                                                                                         |
| **Desktop footer widget column**   | You can change column of the footer widget                                                                                                                                                                                                                                                                                                                                                                                                  |
| <h4>Follow on Shop</h4><p><br></p> | <p></p><p>You can Enable/Disable "<strong>Follow on Shop</strong>"</p><p></p><p></p><p>Display the follow button for your storefront on the Shop app. <a href="https://help.shopify.com/manual/online-store/themes/customizing-themes/follow-on-shop"><strong>Learn more</strong></a></p><p></p>                                                                                                                                            |

#### COUNTRY/REGION SELECTOR

| Settings                                 | Description                                |
| ---------------------------------------- | ------------------------------------------ |
| **Enable country/region selector**       | You can enable/disable it.                 |
| To add a country/region, see the details | [**Learn more**](#country-region-selector) |

#### LANGUAGE SELECTOR

| Settings                           | Description                                                                                    |
| ---------------------------------- | ---------------------------------------------------------------------------------------------- |
| **Enable language selector**       | You can enable/disable it.                                                                     |
| To add a language, see the details | [**Learn more**](https://themihub.gitbook.io/vector-test-theme/language-and-countries-regions) |

## PAYMENT ICONS

**Icons type -**

* Dynamic
* Manual

{% tabs %}
{% tab title="Dynamic" %}
You must enable payment in your store to use the dynamic icons. To add a payment provider, go to your **payment settings.**
{% endtab %}

{% tab title="Manual" %}
You must add icon names following this format, visa,master,paypal. Separate by ",". You can find more icon names here, [Payment icons list](https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-credit-card-icons)

<figure><img src="https://content.gitbook.com/content/bMGVnCsdnFPDX2dCTNWk/blobs/yxn7rpibFdnqOWPRfHyN/payment_icon.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## SECTION PADDING

| Settings                    | Description                                                                                                                          |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| **Desktop**: Padding top    | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the desktop.**    |
| **Desktop**: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the desktop.** |
| **Mobile**: Padding top     | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the mobile.**     |
| **Mobile**: Padding bottom  | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the mobile.**     |

## Footer block settings

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2FdhAJvOQtP6unzGJSynLM%2Ffooter-blocks.png?alt=media&#x26;token=6be871f8-c7fb-43b4-a19f-ef729c6e6070" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Text" %}

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2FWQ4URUgtX5KJgZD88BTb%2Ftext-block.png?alt=media&#x26;token=8428aa17-4502-4ab7-b5fd-b7a79481ffa2" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Menu" %}

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2F1dSOMCLvoBrT5MPaPIU0%2Fmenu-block.png?alt=media&#x26;token=14cb38ac-e9ae-4530-8c65-5b44bf265e00" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Newsletter" %}

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2Fo4bDdm7AQI3gRmUKQMYX%2Fnewsletter-block.png?alt=media&#x26;token=5360a98c-80ef-4989-8aea-1a2e684679ad" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Image" %}

<figure><img src="https://3066755919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbMGVnCsdnFPDX2dCTNWk%2Fuploads%2FNLeJAOU9LdbL18O5lBED%2Fimage-block.png?alt=media&#x26;token=e2dd972c-dd7d-4002-9362-6438a3b03905" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}
