Why aren't my payment icons displaying on the footer page?

[Chutipat]

Does anyone know how to show payment icons on footer page

[francesco_gs]

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

[Chutipat]

Hi Francesco_gs

Payment providers is already setup and active status

[francesco_gs]

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

[Chutipat]

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.

[francesco_gs]

Well, this explains a lot 😄
do you have this tag in the theme.liquid?
Also, on which theme are you on ?

[Chutipat]

Don't have that tag in theme.liquid file , My theme is "Expanse"

[francesco_gs]

Could you share with me in private your footer.liquid code ?

[Chutipat]

Sure, I will sent to your message

[francesco_gs]

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!

[Chutipat]

Thank you for your suggest. But I try to replace that code it still not showing.

[francesco_gs · Accepted solution]

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 !

[Chutipat]

Thank you so much! Francesco , Really appreciate you for help me.

[NaitikGupta]

How to override it? I am facing the same issue

[Zee88]

Please help me with mine? 

[LisseStitch]

Hey Francesco can you please help me as well coz im facing the same problem 

[epykgifts]

Hi, Is there a way to add custom icons and assign a value to them which are not among the accepted values?