Where to place payment icons code in the footer.liquid?

Technical Q&A
1

Hi.

I currently use the minimal theme and a third party payment getaway. However, I only hhave one payment icon(paypal) showing in my footer instead of more.

I have been given this code to put into my footer.liquid section of the theme.

{% if section.settings.display_payment_methods %}

{% for type in shop.enabled_payment_types %} {{ type | payment_type_svg_tag: class:‘payment-icon’ }} {% endfor %}
{% endif %}

I am not sure where exactly in the footer.liquid I am meant to place this code.

Thank you.

2

If you are using a third-party payment gateway, you will likely only have one payment icon showing in your footer. This is because third-party payment gateways are not typically compatible with Shopify’s built-in payment methods. The code that you have been given is likely not going to work as-is, since it is designed for Shopify’s built-in payment methods. However, you may be able to adapt it to work with your particular gateway. Alternatively, you can try reaching out to the gateway’s support team for help or even taking a look at their integration documentation.

3

Hi @Shopmiloha ,

If you use 1 of the payment gateways listed below, you can use this method to add the payment icon to your footer.

afterpay - american_express - apple_pay - bitcoin - dankort - diners_club - discover - dogecoin - dwolla - facebook_pay - forbrugsforeningen - google_pay - ideal - jcb - klarna - klarna-pay-later - litecoin - maestro - master - paypal - shopify_pay - sofort - visa

Here’re the steps:

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

  2. Find the theme you want to edit, and then click Actions > Edit code.

  3. In the Sections directory, click footer.liquid. If your theme doesn’t include this file, then click theme.liquid in the Layout directory.

  4. Find the following code in the file:

{% for type in shop.enabled_payment_types %}

Replace it with:

{% assign enabled_payment_types = 'paymenttype1,paymenttype2' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

In this code, there is a list of payment providers separated by commas: paymenttype1,paymenttype2. The payment providers that you include in the above list will determine which payment icons display on your online store. You can edit the list of payment providers to suit your needs.

I hope it helps.