search

Payment icons

Enable Payment icons to display a row of supported payment methods.

circle-check

The icons that are displayed depend on the payment methods that are available in your customer's region and currency. See Shopify's Payments guidearrow-up-right

hashtag
Advanced: Add or remove payment icons

circle-exclamation

Our support does not cover custom code. These steps are offered only as a reference. For assistance, we recommend reaching out to a verified Fluorescent partnerarrow-up-right.

If you are familiar with coding, you can edit the payment-icons.liquid file to add or remove payment icons that are displayed.

When editing theme code, always duplicate your current theme and use the unpublished theme copy to test your changes before publishing.

chevron-rightSTEPShashtag

From your Shopify admin:

  1. Go to Online store > Themes.

  2. Find your current theme, then click the ... button and select Duplicate theme.

  3. On the duplicated theme, click the ... button and select Edit code.

  4. In the Snippets folder, click payment-icons.liquid to open the file.

  5. Find the following code:

{% for type in enable_payment_types %}

  1. Replace that code with the following code:

  1. Edit the payment type values to change which icons are displayed. Separate each value with a comma.

    The default list is visa,master,american_express,paypal. Find all available payment valuesarrow-up-right. Copy the name but do not include .svg

  2. Click Save.

  3. After testing, you can go to your Theme library to Publish the duplicated theme with your changes.

Last updated