variant

O objeto {{ variant }} é usado no atributo variants do product para exibir informações das variantes de um produto. Confira na tabela a seguir os atributos desse objeto:

Atributos
`available`	Retorna `true` se a variante está disponível. Retorna `false` se a variante não está disponível.
`available_quantity`	Retorna o número de unidades da variante disponíveis para compra.
`barcode`	Retorna o código de barras da variante.
`full_name`	Retorna o nome do produto.
`handling_days`	Retorna o número de dias de manuseio da variante. Útil para produtos feitos sob encomenda.
`height`	Retorna a altura da unidade, em centímetros.
`id`	Retorna o ID da variante.
`image_url`	Retorna a URL da primeira imagem de produto relacionada à variante.
`installments`	Retona um array com as opções de parcelamento da variante. O arraycontém: Quantidade de parcelas (`number`); Preço de cada parcela (`price`); Se há juros no parcelamento (`interest`) e a porcentagem de juros (`interest_rate`); Valor total do produto se pago com esse número de parcelas (`total`).
`intl_price`	Retorna o preço internacional.
`inventories`	Retorna os locais cadastrados como centro de distribuição para essa variante.
`length`	Retorna o comprimento da unidade, em centímetros.
`main`	Retorna `true` se for a variante principal do produto. Retorna `false` se não for a variante principal.
`min_quantity`	Retorna a quantidade mínima da variante que deve ser adicionada ao carrinho.
`name`	Retorna o nome da variante. Geralmente usada para exibir a descrição legível da variação do produto.
`price`	Retorna o preço da variante.
`product_id`	Retorna o código identificador (`ID`) do produto.
`properties`	Retorna um arraycom as propriedades da variante. Uma variante possui até três propriedades, e cada propriedade pode ter um nome (fixo) e um valor (variável). Veja no exemplo seguinte e uso desse atributo.
`quantity`	Retorna a quantidade da variante em estoque.
`quantity_sold`	Retorna a quantidade vendida da variante.
`sale_price`	Retorna o preço promocional da variante.
`sku`	Retorna o código SKU da variante, que deve ser enviado no formulário de produto.
`sku_lowercase`	Retorna o código SKU da variante em letras minúsculas.
`stock`	Retorna o estoque do produto.
`weight`	Retorna a massa da unidade em gramas.
`width`	Retorna a largura da unidade, em centímetros.

Exemplo de `properties`

Exemplo de variantes com variação de Cor, Tamanho e Material:

<h1>{{ product.name }}</h1>

{% for variant in product.variants %}
  <p>{{ variant.name }}:</p>
  
  <ul>
    <li>{{ variant.properties.property1.name }}: {{ variant.properties.property1.value }}</li>
    <li>{{ variant.properties.property2.name }}: {{ variant.properties.property2.value }}</li>
    <li>{{ variant.properties.property3.name }}: {{ variant.properties.property3.value }}</li>
  </ul>
{% endfor %}

<h1>Camiseta Verão</h1>

<p>Tamanho P / Cor Amarela</p>

<ul>
  <li>Tamanho: P</li>
  <li>Cor: Amarelo</li>
  <li>Material: Algodão</li>
</ul>

<p>Tamanho M / Cor Amarela</p>

<ul>
  <li>Tamanho: M</li>
  <li>Cor: Amarelo</li>
  <li>Material: Algodão</li>
</ul>
  
<p>Tamanho G / Cor Laranja</p>

<ul>
  <li>Tamanho: G</li>
  <li>Cor: Laranja</li>
  <li>Material: Algodão</li>
</ul>

📘
Saiba mais sobre as variantes de um produto no artigo Referências e SKU.

Exemplo de properties

Saiba mais sobre as variantes de um produto no artigo Referências e SKU.

Exemplo de `properties`