# Show Payment icons on the Footer

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FFq7PHCa5LmMnLofUKu66%2Fimage.png?alt=media&#x26;token=5b1ca510-06ce-4f6e-9000-8ade76f269d9" alt=""><figcaption></figcaption></figure>

### **How to show the payment icons on the Footer?**

Payment icons can be enabled inside the **Footer** section settings.

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FWzNRT0e88LU1KoYxk5Cm%2Fimage.png?alt=media&#x26;token=8ca68fc5-970f-4255-b60b-f6210ac62ed8" alt=""><figcaption></figcaption></figure>

<details>

<summary>Why are icons not showing up/ missing?</summary>

Shopify recently updated how payment methods integrate into stores.&#x20;

As a result, **only payment options accepted through** **Shopify Payments** will automatically display their icons in the footer.

[Learn more about Shopify Payments here](https://help.shopify.com/manual/payments/shopify-payments).

**What Can You Do?**

* Contact Shopify Support: For the latest information and potential workarounds, we suggest you contact Shopify Support. They can provide the most up-to-date details on the payment method icon display.
* Theme Customization: If you're comfortable with code editing, Zest theme allows manual customization of the footer section to display icons for third-party gateways. /

</details>

<details>

<summary>Choose which payment icons to display</summary>

If you want to add or remove payment icons in the Footer without changing your payment settings, then you can edit your theme code by following our steps below.

**Make sure you enable the payment icons in your Footer**

1. Go to the [theme editor](https://admin.shopify.com/themes/current/editor).
2. Click **Footer**.
3. Check the **Show payment icons** checkbox.
4. Click **Save**.

**Edit the code for your payment icons**

In this step, you will change the way that payment icons are assigned to your Footer.&#x20;

By default, your theme shows icons associated with the payment gateway you have enabled in the Shopify payments settings.&#x20;

With this customization, you can manually add or remove the payment icons that you want to display.

Steps:

1. From your Shopify admin, go to **Online Store** > **Themes**.&#x20;
2. Find the theme you want to edit, click the … button to open the actions menu, and then click **Edit code**.&#x20;
3. In the **Sections** directory, click **footer.liquid**. Find the following code in the file:

```
{%- for type in shop.enabled_payment_types -%}
```

Replace that code with the following:

```
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
```

In the code that you just pasted, there is a list of payment providers separated by commas:&#x20;

```
 'visa,master,american_express,paypal'
```

The payment providers that you include in this list will determine which payment icons shown on your online store.&#x20;

You can edit the list of payment providers to suit your needs.&#x20;

[Review the list of available values](https://github.com/activemerchant/payment_icons/tree/master/app/assets/images/payment_icons) and copy the icon's name that you need from that list, **without the .svg extension**.&#x20;

4. Click **Save**.

</details>