Choose which payment icons show in your footer

All free Shopify themes include the option to display payment icons in your footer. The icons that show are determined by your store's payment settings, and can be enabled from the Customize theme page. If you want to add or remove payment icons without changing your payment settings, then you can do so by editing your theme code.

Footer credit card icons

The first step of the customization is to enable the payment icons in your footer:

  1. Go to the Customize theme page.

  2. Click Footer in the theme editor, under Sections:

    Footer section tab
  3. Check the Show payment icons checkbox:

    Show payment icons
  4. Click Save.

Edit the code for your payment icons

In this step, you will change the way that payment icons are assigned to your footer. 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. With this customization, you will manually add or remove the payment icons that you want to display.

To edit the code for your payment icons:

  1. Find the theme you want to edit, and then click Actions > Edit code.

  2. In the Sections directory, click footer.liquid. If your theme doesn't include this file, then click theme.liquid in the Layout directory.

  3. Find the following code in the file:

    {% for type in shop.enabled_payment_types %}
    

    Replace it with:

    {% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
    {% for type in enabled_payment_types %}
    
  4. In the code that you just pasted, there is a list of payment providers separated by commas: visa,master,american_express,paypal. The payment providers that you include in this list will determine which payment icons display on your online store. You can edit the list of payment providers to suit your needs.

    The values that you can use are listed below:

  • american_express
  • apple_pay
  • bitcoin
  • dankort
  • diners_club
  • discover
  • dogecoin
  • dwolla
  • forbrugsforeningen
  • jcb
  • litecoin
  • maestro
  • master
  • paypal
  • shopify_pay
  • visa
  1. Click Save.

Want to discuss this page?

Visit the Shopify Community