Does anyone know how to show payment icons on footer page
Topic summary
A user is unable to display payment icons in their store’s footer despite having payment providers enabled and active in the admin settings.
Root Cause Identified:
- The theme (“Expanse”) lacks the standard
{% for type in shop.enabled_payment_types %}code in footer.liquid - Payment icons are actually rendered in a separate footer-payments.liquid snippet, not directly in footer.liquid
- The
unless shop.enabled_payment_typeswrapper is preventing display because no payment methods are currently available/detected
Proposed Solution:
- Temporarily override the automatic icon population by manually specifying payment types
- Replace the conditional wrapper code with a hardcoded list of desired payment icons (visa, mastercard, paypal, american_express, etc.)
- Edit the footer-payments.liquid snippet where the payment icon loop actually exists
Status: The original poster confirmed the solution worked after receiving private assistance. Several other users later reported facing the same issue and requested similar help.
hi @Chutipat
seems strange, do you have some payment method enabled in your admin?
Can you see the icons on frontend after refreshing the pages?
Let me know about these ones
You could also take a look at the relative support article about payment icons
Great, noted.
Maybe this gateway is missing the payment icons, as it seems from the official support article
By default, your theme shows the icons that are associated with the payment gateway you have enabled in the payment settings section of your admin and that are available for the current customer’s region and currency. With this customization, you will manually add or remove the payment icons that you want to display.
Maybe you could just override the automatic population of icons and do it manually as suggested by the article, so find in footer.liquid this line
{% for type in shop.enabled_payment_types %}
and replace it with
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
and you can replace the list of card with all these accepted values
- 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
1 Like
I try to find this code “{% for type in shop.enabled_payment_types %}” in my footer.liquid file, but it does not have in my footer.liquid file.
Well, this explains a lot 
do you have this tag in the theme.liquid?
Also, on which theme are you on ?
Don’t have that tag in theme.liquid file , My theme is “Expanse”
Could you share with me in private your footer.liquid code ?
Sure, I will sent to your message
hi @Chutipat as checked in private, the correct position of the for iteration tag of payment icons is in the footer-payments.liquid snippet rendered into the footer.liquid section
You can edit the for in that position!
hi @Chutipat the issue is with that unless shop.enabled_payment_types wrapper,
it seems that you haven’t any payment methods available at the moment.
Override temporarily it in order to display the custom icons !
Thank you so much! Francesco , Really appreciate you for help me.
Hi, Is there a way to add custom icons and assign a value to them which are not among the accepted values?
How to override it? I am facing the same issue
Hey Francesco can you please help me as well coz im facing the same problem
This worked for me. Thanks so much