Collection - Yampi Developer Portal

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

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`collectionId`	`Number`	✅	—	ID da coleção a ser exibida.
`totalProducts`	`Number`	✅	—	Quantidade máxima de produtos a carregar e exibir.
`desktopLayout`	`String`	❌	`'grid'`	Layout em desktop. Valores: `'grid'` ou `'carousel'`.
`productsPerLine`	`Number`	❌	`2`	Número de colunas no mobile. Valores aceitos: `1` ou `2`.
`showLink`	`Boolean`	❌	`false`	Exibe um link para a página completa da coleção.

⌘I