Payment icons are not displayed (seems like something is wrong in code)

Topic summary

Payment icons not showing in the Shopify footer after code changes. Original issue (Debut theme) was fixed by enabling payment icons in the theme editor and setting the flag at the top of footer.liquid: assign show_payment_icons = true.

Key technical details:

  • shop.enabled_payment_types: Liquid list of enabled payment providers.
  • payment_type_svg_tag: renders the SVG icon for a payment type.
  • show_payment_icons: theme variable controlling visibility of icons in Debut.

Additional cases and status:

  • Minimal theme: user can’t find the same footer.liquid variables; Payment Methods is enabled, but color options are unclear. Unresolved.
  • Icons appear on desktop but not mobile for another user. Unresolved.
  • Only PayPal icon displays despite looping over shop.enabled_payment_types with payment_type_svg_tag. Unresolved.
  • Suggested workaround: hardcode tags for card logos or link a single combined image, bypassing dynamic Shopify settings.
  • Custom theme replaced Shopify’s default icons with a static image tailored to Brazil; user requests help to restore Shopify’s default dynamic code and settings. Unresolved.

Outcome: Original poster’s issue resolved via show_payment_icons = true. Several follow-up issues remain open without a confirmed fix.

Summarized with AI on December 28. AI used: gpt-5.

Hello guys, a starter here.

Currently I’m struggling with code to add payment methods to my footer page. Basically I went on and found a code that i needed to replace. Which was this one:

{% for type in shop.enabled_payment_types %}

Replaced it with: {% assign enabled_payment_types = ‘visa,master,american_express,paypal,google_pay,apple_pay,diners_club,discover’ | remove: ’ ’ | split: ‘,’ %} {% for type in enabled_payment_types %}

And it applied to my code, but still is not showing the payment methods within the footer line.

I would greatly appreciate if someone has a solution to my problem!

Thanks in advance guys!

Hi Warbound!

Can you share all the code in your footer template where you replaced the code?

Here you go, this is for Debut theme if it helps.

Thanks for the code!

The code you replaced is correct.

Have you enabled the setting on the theme editor to show the payment icons?

If you do not activate the setting on the editor then the icons will not show up on your footer. To enable it open the theme editor by going to Online StoreCustomize (on the Debut theme) then click on the footer section and you will see the settings in the screenshot above.

Let me know if this helps!

It is enabled, forgot to mention that, apologies.

What else could be the problem?

Ok

At the very top of the footer.liquid template you should find this piece of code:

{%- assign social_icons = false -%}
{%- assign inline_list = false -%}
{%- assign locale_selector = false -%}
{%- assign country_selector = false -%}
{%- assign show_payment_icons = false -%}
{%- assign show_selectors = false -%}

Change the {%- assign show_payment_icons = false -%} to {%- assign show_payment_icons = true -%} and see if this solves it.

If you still can’t see the icons I ask you to paste here all the code in your footer.liquid template, because from the code I see on the screeshot everything is correct!

Let me know if this works!

Marco

1 Like

It works!

Thanks alot, really appreciate you!

Best Regards Warbound

Hi. This didn’t work for me. None of this is showing at the top of the footer.liquid

I have Payment Methods enabled, but don’t see the option to change its colors. The theme I’m using is Minimal. Please help.

@MarcoReleasit Thanks, it worked for me as well but only in desktop version. For some reason my mobile version still doesn’t show icons :confused: Could you maybe have a look at it? Thanks

lemonville.store

Pass: flowxe

Hi Marco,

I followed the instructions but still I have no icons displayed. For some reason, the only displayed icon is PayPal. Here is the code from Footer liquid. Thanks a bunch.

{% if section.settings.payment_icon_enable %}
{%- assign show_payment_icons = true -%}

    {%- for type in shop.enabled_payment_types -%}
  • {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
  • {%- endfor -%}
{% endif %}

Add this code to the footer.liquid file.

Visa MasterCard PayPal American Express

Like this , Add the payment icon link on the <img src=https://cdn.shopify.com/s/files/1/0807/6342/0964/files/payments.png?v=1715017547

In my footer liquid code the developer I bought my custom theme from removed the code for showing the shopify payment methods received (so I can’t just turn it on and off in theme settings) and replaced it with a link to a custom image of an array of credit cards. The problem is the developer is in Brazil and the credit card and payment options are not appropriate for the U.S. I want it to go back to the Shopify default code so I can choose the payment options in payments/theme settings but the developer I bought the theme from is unresponsive. Can anyone help remove their custom code and replace it with original Shopify theme code please?