Payment icon

Store Design
, , ,

Topic summary

A user wants to add payment method icons to their store footer, similar to a reference screenshot they provided.

Initial Suggestions:

  • Check footer settings in the theme customizer for an “Enable payment icons” option
  • Verify payment gateway is fully configured, as Shopify auto-displays icons based on enabled payment methods

User’s Issue:
The “Display payment method” setting is not available in their theme’s footer options.

Code Solutions Provided:
Two approaches were shared:

  1. Add a code snippet to footer.liquid that loops through shop.enabled_payment_types and renders payment icons using the payment_type_svg_tag filter
  2. Manually insert specific payment icons (e.g., PayPal) using the same Liquid filter

Prerequisites:

  • Payment methods must be enabled in Shopify Payments settings
  • Users should first explore existing theme settings before implementing custom code
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello, how can I display the payment icon like in the picture?

Store URL: besthomestayle.myshopify.com

Screenshot_20250401-144259.jpg
Screenshot_20250401-144259.jpg720×1612 65.8 KB

2

@U_John - did you check the footer settings in customize settings?

3

To display the payment icons in the footer, follow these steps:

Go to your Shopify admin panel.

Navigate to Online Store > Customize and open the Footer section.

Look for the “Enable payment icons” checkbox and select it.

If the icons still don’t appear, make sure your payment gateway is fully set up. Shopify automatically displays payment icons based on your available payment methods.

If needed, you can also manually add payment icons by inserting an image in the footer section using custom code.

Let us know if you need further assistance!

4

Yeah, there isn’t “Display payment method”

5

Hi @U_John
You can use a code like this


            {{ 'sections.footer.payment' | t }}
            

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

You have to put in footer.liquid where you like to show these
and just make sure payments are enabled on your store and also there can be theme settings for this, please explore that as well

Thanks!

6

Hi @U_John ,

You have settings to display the methods at: Shopify Payments

Or you can display it manually with code, for example:


              - {{ 'paypal' | payment_type_svg_tag: class: 'icon icon--full-color' }}