O objeto {{ product }} é disponível na página de produto e através da tag [{% load_products %}]. O objeto possui todas as informações disponíveis para cada produto registrado através da plataforma.

Atributos do objeto:

active

Retorna true ou false, caso o produto esteja ativo ou não.

available

Retorna true ou false, caso o produto esteja disponível para compra.

{% if product.available %}
  <p>{{ product.price | money_format }}</p>
{% else %}
  <p class="product-unavailable">Produto indisponível.</p>
{% endif %}

category_tags

Retorna um array de tags em forma de objetos. Cada tag possui as seguintes informações:

  • tag_type: o tipo de tag
  • name: o nome identificador da tag
  • title: o título de exibição da tag.
{% for tag in category_tags %}
<a href="{{ tag.name | prepend: '/' }}" rel="tag">{{ tag.tag_type }}: {{ tag.title }}</a>
{% endfor %}
<a href="/linho" rel="tag">Material: Linho</a>
<a href="/blusas" rel="tag">Categoria: Blusas</a>
<a href="/estilo" rel="tag">Estilo: Leve</a>

description

Retorna o texto de descrição do produto, em HTML.

Você pode definir seções diferentes para a descrição, e controlá-los com filtros:

{% assign product_description_sections = product.description | split: "<hr/>" %}

{% for description_section in product_description_sections %}
<section>
  {{ description_section }}
</section>
{% endfor %}
<section>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci libero, blandit vitae tellus ut, rhoncus dapibus purus. Donec ullamcorper vehicula ligula.</p>
  <p>Nec cursus tortor interdum a. Sed vel lacinia sem. Fusce at velit ac urna pulvinar facilisis a ut ante. Curabitur pulvinar lacus neque, ac venenatis ante lobortis non.</p>
</section>

<section>
  <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam ac laoreet ligula, quis imperdiet ante. Nullam auctor ipsum at tellus elementum bibendum.</p>
</section>

discount_id

Retorna o ID da promoção aplicada ao produto.

id

Retorna o ID do produto.

image_url

Retorna a URL da imagem principal do produto.

<figure>
  <picture>
    <source srcset="{{ product.image_url | resize: '600x' }}" media="(max-width: 600px)" />
    <source srcset="{{ product.image_url | resize: '800x' }}" media="(max-width: 800px)" />
    <img src="{{ product.image_url }} alt="{{ product.name }}" />
  </picture>
</figure>

images

Retorna uma lista de URLs das imagens do produto, e os SKUs de variantes relacionadas em cada imagem.

Cada imagem possui as seguintes informações:

  • sku: retorna o SKU da variante relacionada à imagem
  • url: retorna a URL da imagem

Se uma imagem for relacionada à duas SKUs diferentes, haverá um registro duplicado para a mesma URL. Você pode evitar que isso aconteça filtrando a lista com o filtro uniq.

{% assign product_image_urls = product.images | map: "url" | uniq %}

min_quantity

Retorna a quantidade mínima para compra do produto.

name

Retorna o nome do produto.

on_sale

Retorna true se o produto está em promoção.

{% if product.on_sale %}
  <p>De: {{ product.price | money_format }}</p>
  <p>Por: {{ product.sale_price | money_format }}</p>
{% else %}
  <p>Preço: {{ product.price | money_format }}</p>
{% endif %}
<p>De: R$ 99,90</p>
<p>Por: R$ 85,90</p>

price

Retorna o preço do produto.

reference

Retorna a referência do produto.

sale_price

Retorna o preço promocional do produto.

{% if product.on_sale %}
  <p>De: {{ product.price | money_format }}</p>
  <p>Por: {{ product.sale_price | money_format }}</p>
{% else %}
  <p>Preço: {{ product.price | money_format }}</p>
{% endif %}
<p>De: R$ 99,90</p>
<p>Por: R$ 85,90</p>

slug

Retorna o caminho do produto.

{{ product.name }}
{{ product.slug }}

Camiseta Verão
camiseta-verao

tag_names

Retorna o nome das tags relacionadas ao produto.

<!-- product.tag_names = ["camiseta", "verao", "amarelo", "promo"] -->
Tags: {{ product.tag_names | join: ", " }}.

Tags: camiseta, verão, amarelo, promo.

updated_at

Retorna a data absoluta da última atualização do produto. A exibição desse atributo pode ser controlada através do filtro date.

url

Retorna a URL do produto.

variants

Retorna uma lista de objetos com as variantes dos produtos. Veja a documentaçào do objeto {{ variant }} para mais informações.


Did this page help you?