Skip to main content
O componente Collection busca os produtos de uma coleção pelo ID e os exibe em grade ou carrossel. Ideal para seções de destaque na página inicial, como “Lançamentos” ou “Mais vendidos”.

​
Uso

<collection
  :collection-id="{{ section.collectionId }}"
  :total-products="8"
  desktop-layout="carousel"
  :products-per-line="2"
  :show-link="true"
/>

​
Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
collectionIdNumber✅—ID da coleção a ser exibida.
totalProductsNumber✅—Quantidade máxima de produtos a carregar e exibir.
desktopLayoutString❌'grid'Layout em desktop. Valores: 'grid' ou 'carousel'.
productsPerLineNumber❌2Número de colunas no mobile. Valores aceitos: 1 ou 2.
showLinkBoolean❌falseExibe um link para a página completa da coleção.