How to Show, Change, Remove Shopify Payment Icons?

Have you ever heard of one of the most favorite additional tools that the users can embed to their Shopify stores: Payment Icons?

While chipping away at Shopify, Shopify store owners are frequently educated to consider the area concerning the business, just as the spot that their objective customers situated prior to picking a payment supplier. Notwithstanding that, they need to deal with the credit card or explicit techniques, for example, PayPal, Amazon Pay, or Apple Pay that they need their customers to pay. Subsequently, it is totally fundamental for online dealers to empower their payment functionalities.

This article is here to teach you on the particular technique and give out related issues in How to show, change or remove Shopify Payment Icons. This free Shopify apparatus will contribute an incredible assistance for the clients in choosing helpful symbols by changing the topics, accordingly, Shopify online buyers can follow their payment settings well, effectively add or remove payment symbols without changing original payment settings.

WHAT AND WHERE ARE PAYMENT ICONS?

Shopify Payment icons are designed to give customers a quick view of which payment methods are accepted by your online store. As most free Shopify themes, Payment icons are typically shown in your footer to get a harmony outlook and still make sure in detailed information. They are created to determine by your store’s payment settings and enabled in the theme editor as well.

Consequently, you will be allowed to show, change or remove Shopify Payment Icons without adjusting your payment settings, or you even can do so by editing your theme code.

However, in case you do not use a free theme from Shopify, and also do not contain the option to enable payment icons in the footer for your theme, then this customization in payment icons will not work.

HOW TO SHOW PAYMENT ICONS ON SHOPIFY ?

As mention above, Payment icons are able to be easily shown or edited without changing original payment settings and it can be even just done by editing your theme code. Simple as it is, but knowing clearly about this effective tool will bring you a complete experience with Shopify Payments. I do have a specific article here that will be a great source of information in adding payment icons in Shopify footer for you.

HOW TO EDIT OR CHANGE PAYMENT ICONS SHOPIFY?

In case you want to make a change in the way that Shopify Payment Icons looks on your footer, this section is for you.

As you can see, by default, your theme will display the icons being integrated with the payment gateway that you have enabled before that in the payment settings section of your admin. So, it is obvious that you will be able to manually add or remove the payment icons that you want to display via available customization on Shopify.

Below I will present you all the steps that you can follow to adjust the code for your payment icons on Desktop, you can do similarly on iPhone or Android.

1: Go to Themes

In your Shopify admin, go to Online Store and then click on Themes.

2: Find the theme and click Edit code

Then find the theme that you would like to make a change, and then hit a click on Actions > Edit code

3: Find the footer.liquid file

In the Sections directory, click on the footer.liquid. In case this file is not included, just click on the theme.liquid in the Layout directory afterward.

4: Edit the code

Look for the following code in the file:

{% for type in shop.enabled_payment_types %}

And then just replace it with this line:

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

5: Edit the list of payment providers

Look at the code that was pasted by you, then a list of payment providers will be provided, separated by commas: visa,master,american_express,paypal.

The Payment Icons that are displayed on your store will be determined by the payment providers that you add in this list. The list of payment providers is totally adjustable by you to suit your needs. These are the values that you can utilize in this step:

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

6: Save the process

To finish the procedure. Just click Save

HOW TO REMOVE PAYMENT ICONS ON SHOPIFY?

Want to remove the unwanted icons from your Homepage? You are totally able to do so only by adjusting your theme’s code.

Read more at the article sources: https://avada.io/shopify/docs/shopify-payment-icons.html