Payments

In this section, you can change the icons list or add custom icons for the Product page, Quick View popup, and Footer section.

Theme settings -> Payments

Please note, by default, the theme shows the icons for payment methods configured at Shopify Admin -> Settings -> Payments. Please read this help page for more details on Payment icons.

Icons design

Shella icons - show icons created by MPIthemes. For more available icons, you can check the link.

Shopify icons - show icons created by Shopify.

Sequence settings

Product page, Quick view, and Footer

Here you can list the icon names in the sequence you want them to display in the footer or on the product page and quick view. When listing the icons, use a separator ','. If you do not have any preferences regarding the icon's order, please clear the field to show the default sequence order.

The list of available icons:

• afterpay

• 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

• custom_1

• custom_2

• custom_3

• custom_4

• custom_5

Example of list configurationbitcoin,apple_pay,google_pay,paypal,shopify_pay

Please note, payment icons are not displayed for the footer types #4, #5, and #6. You can check or change your footer type by going to the Theme Editor -> Footer -> Type.

Icon Images

Images shortcode

Here you can add your own images of payment methods provided by your store, replacing a single icon from the list of available ones. Follow the listed steps to add your custom payment image and place it in the “Images shortcode” field:

• Upload custom icon image at Shopify admin -> Content -> Files:

• Copy custom icon URL

• Add the configuration string “payment_method[URL]” to the field “Images shortcode”.

Here is an example of the Bitcoin payment method:

bitcoin[https://cdn.shopify.com/s/files/1/0442/7576/1311/files/unnamed.png?v=1627374746]

You may configure multiple custom images, separated by coma symbol:

bitcoin[https://cdn.shopify.com/s/files/1/0442/7576/1311/files/unnamed.png?v=1627374746], custom_1[https://cdn.shopify.com/s/files/1/0442/7576/1311/files/Screenshot_2020-11-05_at_5.14._1200x768.webp?v=1627375254]