O Objeto products é um array que disponibiliza informações de todos os produtos possíveis na página atual.
Na pagina de categorias “catalog”, por exemplo contém somente os produtos da categoria determinada de acordo com os filtros aplicados, e na “search” contém os produtos de acordo com os critérios da busca e os filtros aplicados.
Para chamar produtos com critérios personalizados, veja a função Products().
Disponível para uso nas páginas: home | catalog | search
Para saber mais sobre como gerenciar produtos acesse: Cadastrar Produto
Atributos disponíveis
As requisições de produtos sempre retornarão um array de dados, portanto podem ser exibidos com a utilização de um índice determinado como nos atributos abaixo, ou quando iterados em um laço de repetição.
Atributo product.images
Este atributo retorna um array com informações sobre as imagens cadastradas no produto, que pode ser usado nas páginas home, catalog e search. É possível manipular o tamanho da imagem para uso em Thumbnails por exemplo, com os atributos da tabela abaixo:
Como Usar
Abaixo você pode ver alguns exemplos da utilização do Objeto products
Input
<divclass="showcase-catalog"> <ulclass="list-product"> {% for item in products %} <liclass="item"> <divclass="product"> <divclass="image"> <ahref="{{ item.link }}"class="space-image"> <img class="image" src="{{ asset('img/empty.png') }}" data-src="{{ item.images[0].large }}" alt="{{ item.name }}">
</a> {% set replaceTags = {'src=': 'width="119" height="22" alt="Selo" src='} %} {% if product.featured and Image('featured') %} <divclass="tag featured"> {{ Image('featured') | replace(replaceTags) }} </div> {% endif %} </div> <aclass="item-info"href="{{ item.link }}"> <divclass="item-name"> {{ item.name }} </div> <divclass="item-price"> {% if item.available and item.stock > 0 and not item.upon_request %} {% set current_price = item.price_offer > 0 ? item.price_offer : item.price %} {% set old_price = item.price_offer > 0 ? item.price : false %}
{% if item.has_variation and item.has_other_prices %} <spanclass="item-has-variants"> {{ Translation('a_partir_de') }} </span> {% endif %} <divclass="price display-cash"> {% if old_price %} <spanclass="old-price"> {{ settings.currency }} {{ old_price | currency }} </span> {% endif %} <spanclass="current-price"> {{ settings.currency }} {{ current_price | currency }} </span> <spanclass="item-installments"> {{ item.payment }} </span> </div> {% endif %} </div> </a> <divclass="actions"> {% if item.available and item.stock > 0 and not item.upon_request %} <aclass="item-button"href="{{ item.link }}"> Ver produto </a> {% endif %} </div> </div> </li> {% endfor %} </ul></div>
Output
<divclass="showcase-catalog"> <ulclass="list-product"> <liclass="item"> <divclass="product"> <divclass="image"> <ahref="www.sualoja/categoria/produto-a"class="space-image"> <imgclass="image"src="https://caminhoimg.com.br/produto-a.png"alt="Produto A"> </a> <divclass="tag featured"> Destaque </div> </div> <aclass="item-info"href="{{ item.link }}"> <divclass="item-name"> Produto A </div> <divclass="item-price"> <spanclass="item-has-variants"> A partir de </span> <divclass="price display-cash"> <spanclass="old-price"> R$ 500,00 </span> <spanclass="current-price"> R$ 450,00 </span> <spanclass="item-installments"> ou 10x de 53,40 com juros </span> </div> </div> </a> <divclass="actions"> <aclass="item-button"href="https://www.sualoja.com.br/produto-a"> Ver produto </a> </div> </div> </li> </ul></div>
Retorna um valor booleano. Caso o produto esteja ativo para venda, exibe o valor 1. A opção "Produto ativo - será exibido na loja para venda" no cadastro do produto tem que estar setada.
Retorna o valor 1 caso o produto não necessite de alguma seleção adicional para comprar. Não retornará nenhum valor para produtos com variação, kit, entre outros que necessitem de ação adicional antes de comprar.
{{ products[0].additional_message }}
Exibe a mensagem adicional cadastrada do produto.
{% set ranking = products[0].ranking %}
count | rating Ranking (avaliação) do produto
{{ products[0].warranty }}
Exibe a opção selecionada no tempo de garantia do produto.