Following a step by step guide. Please follow them in the given order:
- You need to enable payment icons in your footer
a. Go to the admin side of your shop;
b. Click on the Online Store in the Sales Channel;
c. Click on Themes;
d. Click on Customize
e. Click on Footer
f. You need to make sure that under Payment methods, the ‘Show payment icons’ is enabled
g. If you have to enable it, please click on Save. If it was already enabled, you don’t have to do anything.
- Add the payment icons:
a. Go to the admin side of your shop;
b. Click on the Online Store in the Sales Channel;
c. Click on Themes;
d. Click on the 3 dots “…” next to Customize
e. Click on Edit Code
f. Select the footer.liquid file (Please note that it is possible that this file is missing. If it would
be the case, please select the file theme.liquid)
g. Look for the below line. To avoid scrolling through the file, you can use ctrl + f. Please note
that it might not be located at the same line as the example from the screenshot depending
on the specific set up of your shop.
for type in shop.enabled_payment_types
h. Replace this line of code with the below command if you would like to add the logo of visa,
mastercard, american express and paypal.
{% assign enabled_payment_types =
'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
If you would like to add any other payment method, you can add them there like for example, if you want to also have Twint, the command will look like this:
{% assign enabled_payment_types =
'visa,master,american_express,paypal,twint' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
Please find all the possible options:
afterpay - american_express - apple_pay - bitcoin - dankort - diners_club - discover - dogecoin - dwolla - facebook_pay - forbrugsforeningen - google_pay - ideal - jcb - klarna - klarna-pay-later - litecoin - maestro - master - paypal - shopify_pay - sofort - unionpay - visa - twint - postfinance_card
i. Click on Save
Comments
0 comments
Please sign in to leave a comment.