Add credit card icons to your footer

If you use PayPal Express Checkout as your only method of payment, your customers can still pay for their order using a credit card. See more information about this here. Despite that, your theme might only show a PayPal icon in your footer, and not show credit card icons. With this customization, you will learn how to add credit card icons to your online store footer. You will also be able to remove some or all payment methods icons. You will control exactly which icons are shown.

Add credit card icons before
  1. From your Shopify admin, click Online Store, and then click Themes (or press G W T).

  2. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  3. Under Layout, click on theme.liquid to open your layout file in the online code editor.

  4. Use Ctrl+F (or Cmd+F for Mac Users) to search for {% for type in shop.enabled_payment_types %}. Can't find it? Every theme is a little different, so you might find that code in a different file inside your theme. See the section Shopify Themes below if you cannot find the code and you have a theme made by Shopify.

{% for type in shop.enabled_payment_types %}
  1. Once you locate the above line of code, replace it with the code below:
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

Separate each method of payment with a comma and use lowercase.

The only values you can use are listed below:

  • amazon_payments
  • american_express
  • bitcoin
  • dankort
  • diners_club
  • discover
  • dodgecoin
  • dwolla
  • forbrugsforeningen
  • jcb
  • litecoin
  • maestro
  • master
  • paypal
  • visa
  1. Save your changes.
Add credit card icons after

Remove all methods of payment icons

  1. From your Shopify admin, click Online Store, and then click Themes (or press G W T).

  2. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  3. Under Layout, click on theme.liquid to open your layout file in the online code editor.

  4. Use Ctrl+F (or Cmd+F for Mac Users) to search for {% for type in shop.enabled_payment_types %}. Can't find it? Every theme is a little different, so you might find that code in a different file inside your theme. See the section Shopify Themes below if you cannot find the code and you have a theme made by Shopify.

{% for type in shop.enabled_payment_types %}
  1. Once you locate the above line of code, place a Liquid comment tag before it:
{% comment %}
{% for type in shop.enabled_payment_types %}
  1. Then locate the following line of code, which comes closely after {% for type in shop.enabled_payment_types %}:
{% endfor %}
  1. Add a closing comment tag right below, like so:
{% endfor %}
{% endcomment %}

Want to discuss this page?

Visit the Shopify Community