Skip to product information
1 of 1
Published:2024.11.26

Example of how to display payment icons manually added in Shopify on product details pages

Example of how to display payment icons manually added in Shopify on product details pages

Applications

  • Product information management and editing

How to implement

  • HTML/CSS
  • LIQUID
View full details

By clearly indicating the payment methods available on the product details page, you can expect to encourage customers to make a purchase at the time when they are most interested in the product, without missing out on their desire to buy.

◆How to set up: Add a customized Liquid block to your product information and insert the code.

◆Additional information: You can search for the icon name you want to display from the payment icon reference URL (Github).


Example of setting to display manually added payment icons on product detail pages


[(For the Rise/Dawn theme) Setup method] Add a customized Liquid block to the product information and insert the code.


[Additional Information] Payment Icon Reference URL (Github) and Representative Icon Names


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add a customized Liquid block to your product information and insert code

Related Post