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	Função
available	Retorna true se a variante está disponível. Retorna false se 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 itens 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	Retorna um array com: quantidade (number), preço (price), juros (interest/interest_rate) e valor 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.
min_quantity	Retorna a quantidade mínima da variante necessária para o carrinho.
name	Retorna o nome da variante (descrição legível da variação).
price	Retorna o preço da variante.
product_id	Retorna o código identificador (ID) do produto.
properties	Retorna um array com as propriedades da variante. Veja o exemplo de uso.
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 para uso em formulários.
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.