# Payment icons

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

{% hint style="success" %}
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](https://help.shopify.com/en/manual/payments) to learn more.
{% endhint %}

![](/files/oSz8DlUJ9m0xvn94nxtn)

### Advanced: Add or remove payment icons

***

{% hint style="warning" %}
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](https://partners.fluorescent.co/).
{% endhint %}

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.

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

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:

```liquid
{% for type in enable_payment_types %}
```

6. Replace that code with the following code:

{% code overflow="wrap" %}

```
```

{% endcode %}

7. 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](https://github.com/activemerchant/payment_icons/tree/master/app/assets/images/payment_icons). Copy the name but do not include `.svg`
8. Click **Save**.
9. After testing, you can go to your Theme library to **Publish** the duplicated theme with your changes.

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/stiletto/pages/footer/payment-icons.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.