# Payments

{% hint style="info" %}
**Theme settings -> Payments**
{% endhint %}

{% hint style="warning" %}
**Please note**, by default, the theme shows the icons for payment methods configured at *Shopify Admin -> Settings -> Payments.* Please read this help page for more details on [<mark style="color:blue;">**Payment icons**</mark>](https://shopify.dev/tutorials/customize-theme-add-credit-card-icons).
{% endhint %}

### &#x20;Icons design

&#x20;**Shella icons** - show icons created by MPIthemes. For more available icons, you can check the [<mark style="color:blue;">**link**</mark>](https://shella-demo.myshopify.com/pages/icons).

&#x20;**Shopify icons** - show icons created by Shopify.

### Sequence settings

**Product page, Quick view, and Footer**

&#x20;Here you can list the icon names in the sequence you want them to display in the footer or on the product page and quick view. When listing the icons, use a separator ','. If you do not have any preferences regarding the icon's order, please clear the field to show the default sequence order.

&#x20;The list of available icons:

* afterpay
* american\_express
* apple\_pay
* bitcoin
* dankort
* diners\_club
* discover
* dogecoin
* dwolla
* forbrugsforeningen
* google\_pay
* ideal
* jcb
* klarna
* klarna-pay-later
* litecoin
* maestro
* master
* paypal
* shopify\_pay
* sofort
* visa
* custom\_1
* custom\_2
* custom\_3
* custom\_4
* custom\_5

&#x20;Example of list configuration`bitcoin,apple_pay,google_pay,paypal,shopify_pay`

![](/files/-Mfb2_nb0egwDCjcHDi3)

{% hint style="warning" %}
**Please note**, payment icons are not displayed for the footer types #4, #5, and #6. You can check or change your footer type by going to the *Theme Editor -> Footer ->* [*<mark style="color:blue;">Type</mark>*](https://mpithemes.gitbook.io/shella-shopify-theme/footer#type)*.*
{% endhint %}

### Icon Images

**Images shortcode**

&#x20;Here you can add your own images of payment methods provided by your store, replacing a single icon from the list of available ones. Follow the listed steps to add your custom payment image and place it in the “**Images shortcode**” field:

* Upload custom icon image at *Shopify admin -> Content -> Files:*

<figure><img src="/files/IRK4IKjsoJ4xUZ805rVQ" alt=""><figcaption></figcaption></figure>

* Copy custom icon URL
* Add the configuration string “payment\_method\[URL]” to the field “Images shortcode”.

&#x20;Here is an example of the Bitcoin payment method:&#x20;

bitcoin\[<https://cdn.shopify.com/s/files/1/0442/7576/1311/files/unnamed.png?v=1627374746>]

![](/files/-Mfb6LKAIB2d90eqqmPa)

&#x20;You may configure multiple custom images, separated by coma symbol:

bitcoin\[<https://cdn.shopify.com/s/files/1/0442/7576/1311/files/unnamed.png?v=1627374746>], custom\_1\[<https://cdn.shopify.com/s/files/1/0442/7576/1311/files/Screenshot_2020-11-05_at_5.14._1200x768.webp?v=1627375254>]

![](/files/-Mfb9TzHp5WEPjBh_U-z)


---

# 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://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/payments.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.