Way to show, change, remove Shopify Payment IconsPosted by Stephen on February 22nd, 2021 Have you at any point known about perhaps the most favorite extra tools that the clients can implant to their Shopify stores: Payment Icons? While working on Shopify, Shopify store proprietors are frequently instructed to consider the area regarding the business, just as the spot that their objective customers situated before picking a payment supplier. Notwithstanding that, they need to deal with the Visa or explicit techniques, for example, PayPal, Amazon Pay, or Apple Pay that they need their customers to pay. Subsequently, it is totally vital for online dealers to empower their payment functionalities. This article is here to train you on the particular technique and give out related issues in How to show, change or remove Shopify Payment Icons. This free Shopify tool will contribute incredible assistance for the clients in choosing valuable icons by changing the topics, thus, Shopify online purchasers can follow their payment settings well, effectively add or remove payment icons without changing original payment settings. What and where are payment icons?Shopify Payment icons are intended to give clients a speedy perspective on which payment strategies are acknowledged by your online store. Similarly, as with most free Shopify themes, Payment icons are regularly appeared in your footer to get an amicable standpoint and still ensure indefinite data. They are made to decide by your store's payment settings and empowered in the topic supervisor also. Thus, you will be permitted to show, change or eliminate Shopify Payment Icons without changing your payment settings, or you even can do as such by altering your subject 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. Show payment iconsAs 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 change or edit payment icons?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 it similarly on iPhone or Android. Step 1: Go to ThemesIn your Shopify admin, go to Online Store and then click on Themes. Step 2: Find the theme and click Edit codeThen find the theme that you would like to make a change, and then hit a click on Actions > Edit code Step 3: Find the footer.liquid fileIn 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. Step 4: Edit the code {% 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: ',' %} Step 5: Edit the list of payment providersLook 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 to 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:
Step 6: Save the processTo finish the procedure. Just click Save How to remove payment icons?Step 1: Open footer.liquid fileFirst, go to your Admin> Online store > Themes> Actions > Edit code > Sections> footer.liquid Step 2: Search for payment iconsPress cmd + f or ctrl + f to search for the payment icons. Step 3: Paste the code to the templateAfter that, paste the following code to this template: {% unless template ==‘index’ %} Step 4: Remove payment iconsThen you can remove the Payment Icons on your home page by close the code line with this: {% endunless %} ConclusionThat’s all the information that you need to know about the way to show, change or remove Shopify Payment Icons for your online store. Practice now to see how things work and feel free to reach out if you have any questions. Article sources: https://avada.io/shopify/docs/shopify-payment-icons.html Like it? Share it!More by this author |