Add payment icon to Shopify footer

This time we will show you how to add a payment icon to the footer.

chance

When I casually looked at the footer of the store, I noticed that ``I thought I had installed paidy, but the icon was not displayed!''

First, check the settings in the theme editor.

I opened the theme editor and checked the settings in the footer section

However, I made sure to check "Show payment icons".

After looking into it, it seems that there are cases where the payment icon is not reflected automatically, and in that case, it is possible to add it manually (editing Liquid).

Edit Liquid and add payment icon

First, go to "Edit Code" and search for the relevant file.

It should probably have a name like "footer.liquid" or something like that.

Find the following code in the relevant file

 {% for type in shop.enabled_payment_types %}

Once you find the code, rewrite it as follows

 {% assign enabled_payment_types = 'amazon,apple_pay,visa,master,などなどここにコードを追加' | remove: ' ' | split: ',' %}
 {% for type in enabled_payment_types %}

The codes for the main payment methods are as follows

• visa
• master
• american_express
• jcb
• dinners_club
• lawson
• familymart
• ministop
• dailyyamazaki
• seveneleven
• merpay
• pay_pay
• line_pay
• paidy

What I learned this time

Don't just accept the settings; check every detail with your own eyes.

Reference page

https://komoju-ja.helpscoutdocs.com/article/624-shopify

Shopify Help Center: Choose which payment icons to display

This customization is for older Shopify themes and does not apply to Online Store 2.0 themes.

Although it is written, it was applied without any problem.