Payment icons

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

The icons that are displayed depend on the payment methods that are available in your customer's region and currency. See Shopify's Payments guide ↗

Advanced: Add or remove payment icons

---

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 partner.

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.

STEPS

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:

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %} {% for type in enabled_payment_types %}

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 values. Copy the name but do not include .svg

1. Click Save.

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