Home > Shopify Development > Modify the code for your payment icons

How to modify the code for your payment icons in Shopify

Sam Updated: March 20, 2024

Drive 20-40% of your revenue with Avada

Get Started

Are your Shopify payment icons not quite right? Many store owners struggle to customize these important visual elements. This guide focuses on modifying the code for payment icons in Shopify, helping you create a more professional and trustworthy checkout experience. We’ll walk you through the process step-by-step, making it easy to update your payment icons even if you’re not a coding expert.

Let’s dive in and give your Shopify store’s payment section the polish it deserves.

Modify the code for your payment icons

Step 1:

Go to Online Store > Themes from your Shopify Admin panel.

Step 2:

Choose the theme you want to edit and click Actions > Edit code.

How to modify the code for your payment icons in shopify

Step 3:

Tap footer.liquid which is in the Sections directory. In case your theme does not include this file, please tap theme.liquid in the layout directory.

Step 4:

Find the code given below in the file:

{% 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 %}

How to modify the code for your payment icons in shopify

Step 5:

There is a list containing payment providers separated by commas: visa,master,american_express,paypal in the code that you have just pasted. The payment providers that you include in the list will determine which payment icons will be shown on your website. You are allowed to modify the payment provider list to meet your expectation.

There are several values listed below that you are able to employ:

american_express
apple_pay
bitcoin
dankort
diners_club
discover
dogecoin
dwolla
forbrugsforeningen
google_pay
jcb
klarna
klarna-pay-later
litecoin
maestro
master
paypal
shopify_pay
sofort
visa

Step 6:

Tap Save.

Conclusion

Customizing payment icons in Shopify is a straightforward process. By following these steps, you can Take control of your store’s visual representation of payment options. Act now to modify your footer.liquid or theme.liquid file, replacing the default code with the customizable version provided. This Change will allow you to precisely display the payment icons that best represent your store’s offerings, potentially increasing customer trust and conversion rates.

Catalog

How to modify the shipping calculator HTML How to add the gift-wrapping snippet in your cart template How to modify your theme.liquid file How to insert some JavaScript to your theme Delete the author's name in your theme Insert the search box on your Jekyll site using lunr.js Liquid Variables: assign, capture, increment, increment Liquid paginate: Split into multiple pages Update the product form to support dynamic checkout buttons Select which page to show when customers log in to your online store Modify the code for your payment icons Insert the security badge code to your theme Insert Disqus to your blog Insert breadcrumb navigation to your store Generate your snippet generate the "How did you hear about us" form field Generate and include an age-check snippet Generate a back-to-the-top snippet Edit correct quantities on the cart page silently Apply a class to your templates Update item quantity fields in the cart Update the collection-template.liquid file Modify the theme code to add the shipping calculator Insert the notification form code to your theme Insert custom fields to your theme's customer registration form Add Custom Fields to Contact Form in Shopify Insert a form field to your theme code Insert a Continue shopping link to your cart page Insert a checkbox to your cart page in sectioned themes How To Create A Contact Page On Shopify: Our Step-by-Step Guide

Sam Nguyen

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.