Payment icons

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

The theme automatically displays icons for the payment options enabled in your Shopify admin, depending on your customer's region and currency. Payment methods are a Shopify feature. See Shopify's Payments manual ↗ to learn more.

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.

Last updated

Was this helpful?