Show Payment icons on the Footer

Everything you need to know about the payment icons on your Footer

How to enable showing the payment icons on Footer?

Payment icons can be enabled inside the Footer section settings.

Why are icons not showing up/ missing?

Shopify recently updated how payment methods integrate into stores. As a result, only payment options accepted through Shopify Payments will automatically display their icons in the footer.

Learn more about Shopify Payments here.

What Can You Do?

• Contact Shopify Support: For the latest information and any potential workarounds, we recommend reaching out directly to Shopify Support. They can provide the most up-to-date details on payment method icon display.

• Theme Customization: If you're comfortable with code editing, Minimog theme allows manual customization of the footer section to potentially include icons for third-party gateways. See how

Choose which payment icons to display

If you want to add or remove payment icons in 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.
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. By default, your theme shows the icons that are associated with the payment gateway you have enabled in the Shopify payments settings section of your admin. With this customization, you will manually add or remove the payment icons that you want to display.

Steps:

1. From your Shopify admin, go to Online Store > Themes.

2. Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.

3. In the Snippets directory, click payment-icons.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:

 'visa,master,american_express,paypal'

The payment providers that you include in this list will determine which payment icons display on your online store. You can edit the list of payment providers to suit your needs.

Review the list of available values and copy the name of each icon that you need from that list, without the .svg extension.

1. Click Save.