Hi, the website I’m currently using has a toggle ON for payment icons in the footer. However, the newly added payment methods like Visa/Debit and so on i have set it on settings are not appearing and it has been quite awhile i’ve added those other payment methods. How can I update the footer to display the new payment icons?
Hi @user2588
A. Confirm payment methods are actually active
Go to: Settings → Payments
Make sure:
-
Visa / Debit / other methods show as Activated
-
Not just “Available” or “Set up later”
If a payment method is pending verification, Shopify won’t show its icon.
B. Save the footer again (important)
Even if the toggle is ON, do this:
-
Online Store → Themes → Customize
-
Open Footer
-
Toggle “Show payment icons” OFF
-
Save
-
Toggle it ON again
-
Save
This forces Shopify to re-render the payment icons.
How Payment Icons Actually Work (Important to Know)
Most themes (including Dawn and many custom themes) do NOT pull icons from your payment settings dynamically.
Instead, they use one of these:
Option A (most common)
{{ shop.enabled_payment_types | payment_type_svg_tag }}
This automatically shows only icons supported by the theme.
Option B (older/custom themes)
Icons are hard-coded SVGs in:
-
footer.liquid -
footer-group.liquid -
snippets/payment-icons.liquid
If your theme uses Option B, new payment methods will never appear automatically.
Check Which Method Your Theme Uses
Go to: Online Store → Themes → … → Edit code
Search for:
payment_type_svg_tag
If you find it
Good news — Shopify controls the icons.
Replace with this (if missing):
{% if section.settings.show_payment_icons %}
{{ shop.enabled_payment_types | payment_type_svg_tag }}
{% endif %}
Save → refresh storefront.
If you do NOT find it
Your theme is using hard-coded icons.
Fix for Hard-Coded Payment Icons (Very Common)
Look for files like:
-
sections/footer.liquid -
snippets/payment-icons.liquid
You’ll see something like:
{% render 'icon-visa' %}
{% render 'icon-mastercard' %}
{% render 'icon-paypal' %}
Replace ALL of that with:
{% if section.settings.show_payment_icons %}
{{ shop.enabled_payment_types | payment_type_svg_tag }}
{% endif %}
Best regards,
Devcoder 
@user2588 This usually happens because footer payment icons are controlled by both Shopify settings and the theme itself.
Here’s what to check, in order:
Theme settings override – Some themes don’t auto-refresh icons. Go to
Online Store → Themes → Customize → Footer and toggle payment icons OFF, save, then ON again.
Theme cache – After adding new payment methods, icons may not update immediately. Try publishing the theme again or duplicating it and checking the duplicate.
Theme-specific icons – Many themes use a fixed icon set. Even if the payment method is active in Settings → Payments, the icon won’t show unless the theme supports it.
Custom footer code – If the footer was edited, hard-coded icons can block new ones from appearing.
Can you tell me which theme you’re using and whether the footer was customized that usually reveals the exact cause.
@ericjackson11k the website theme i’m using is monaco and so far after turn off and on the toggle payment icons it still doesn’t appear.
@user2588 Thanks for confirming that helps.
With the Monaco theme, this is usually theme-level, not a Shopify payments issue. Monaco uses a fixed set of footer icons, so new payment methods won’t appear automatically unless the theme explicitly supports them.
Here’s what to do next:
Confirm the payment is fully active
Go to Settings → Payments, open the provider, and make sure it’s not just added but fully enabled (no “pending” status).
Check Monaco footer icon support
In Theme → Customize → Footer, Monaco only shows icons that exist in its icon library. If the payment method isn’t included there, it won’t display no matter how long you wait.
Theme update (important)
If you’re not on the latest Monaco version, update it newer versions sometimes add more payment icons.
If the icon isn’t supported by Monaco, a developer can manually add the SVG/payment icon to the footer so it displays correctly. This is a small, clean change and won’t affect checkout or payments.
Which payment methods are you trying to display in the footer?
It seems that the payment icon is added via the custom coding. Which means that it will not fetch the actual payment method icons that your store currently support.
In this case, you need to fetch the payment icons dynamically. As code already provided by @devcoders
if you unable to do so, then you need to share your store url here so that we can let you know exactly on which file you need to paste the code.
Waiting to hear back from you.
Hi i have tried the code provided but it still didn’t reflect…. here is the link to the store https://nobatmalaysia.com/