O objeto {{ variant }} é usado no atributo variants do product para exibir informações das variantes de um produto.

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.

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.

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.

price

Retorna o preço da variante.

product_id

Retorna o ID do produto.

properties

Retorna um array com as propriedades da variante. Uma variante possui até três propriedades, cada uma com um nome (fixo) e um valor (variável). Veja no exemplo seguinte e uso desse atributo.

quantity

Retorna a quantidade da variante em estoque.

sale_price

Retorna o preço promocional da variante.

sku

Retorna o SKU da variante, que deve ser enviado no formulário de produto.

slug

Retorna o nome da página em versão URL.

stock

Retorna o estoque do produto.

updated_at

Retorna a data absoluta da última modificação 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>

Did this page help you?