# paymentMethods

Esse objeto trás todas as informações de formas de pagamentos a vista e a prazo cadastradas no painel.

{% hint style="info" %}
**Disponível em todas as páginas.**\
Para saber mais sobre como gerenciar os meios de pagamento acesse: [Configurar formas de Pagamento](https://basedeconhecimento.tray.com.br/hc/pt-br/articles/6734720000795-Formas-de-Pagamento-Configura%C3%A7%C3%B5es-Gerais)
{% endhint %}

### Atributos disponíveis​ <a href="#atributos-disponiveis" id="atributos-disponiveis"></a>

| Atributos                     | Característica                                                                                   |
| ----------------------------- | ------------------------------------------------------------------------------------------------ |
| `{{ paymentMethods.order }}`  | Array com todas as formas de pagamento à vista da loja.                                          |
| `{{ paymentMethods.credit }}` | Array com todas as formas de pagamento à prazo da loja.                                          |
| `{{ payment.thumbnail.url }}` | Usado dentro do loop dos array de `paymentMethods` para mostrar a imagem do método de pagamento. |
| `{{ payment.display_name }}`  | Usado dentro do loop dos array de `paymentMethods` para mostrar o nome do método de pagamento.   |

## Como Usar

No código HTML o objeto `paymentMethods` pode ser usado como no formato abaixo:

{% code title="Input" %}

```html
<h5>A Vista</h5>
{% for payment in paymentMethods.order %}
  <img src="{{ payment.thumbnail.url }}" alt="{{ payment.display_name }}">
{% endfor %}

<h5> A Prazo</h5>
{% for payment in paymentMethods.credit %}
  <img src="{{ payment.thumbnail.url }}" alt="{{ payment.display_name }}">
{% endfor %}          
```

{% endcode %}

{% code title="Output" %}

```html
<h5>A Vista</h5>
<img src="https://caminhoimg.com.br/boleto.png" alt="Boleto Bancario">
<img src="https://caminhoimg.com.br/pix.png" alt="Pix">
<img src="https://caminhoimg.com.br/banco-itau.png" alt="Banco Itaú">
<img src="https://caminhoimg.com.br/banco-bradesco.png" alt="Banco Bradesco">

<h5> A Prazo</h5>
<img src="https://caminhoimg.com.br/visa.png" alt="Visa"> 
<img src="https://caminhoimg.com.br/mastercard.png" alt="Mastercard"> 
<img src="https://caminhoimg.com.br/elo.png" alt="Elo">
```

{% endcode %}