Payment icons

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

circle-check

Advanced: Add or remove payment icons


circle-exclamation

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:

  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