Lista de Produtos

A lista de produtos é talvez o componente mais importante da sua loja. É a forma de mostrar produtos ao seu cliente.

Versão Vídeo

Versão texto

O componente Lista de Produtos é essencial para a sua loja. É este componente que deve utilizar para mostrar produtos ao seu cliente.


A Lista de Produtos apenas permite mostrar produtos que tenham uma categoria de cada vez. 


É importante destacar que utilizar categorias com muitos produtos, sem limitar o número de produtos mostrados, poderá tornar a sua página mais lenta, demorando os produtos mais tempo a aparecer, pelo que recomendamos que não utilize mais que uma lista de produtos a mostrar todos os produtos por página.

O editor da Lista de Produtos dá-nos uma série de opções que podemos usar para personalizar:

  1. Título - O título que deve aparecer em cima da sua lista de produtos
  2. Categoria - Permite que a lista apenas mostre produtos que têm uma categoria específica-
  3. Mostra todos os produtos - Esta opção faz com que todos os seus produtos sejam mostrados, mas poderá tornar a página mais lenta.
  4. Produtos a mostrar - Número máximo de produtos a mostrar nesta lista
  5. Produtos por linha - Quantos produtos quer mostrar em cada linha.
  6. Espaçamento - Quanto espaço quer deixar entre os produtos
  7. Produtos por linha (telemóvel) - Semelhante a produtos por linha, mas para a visualização em dispositivos móveis (não recomendamos mais que dois)
  8. Espaçamento (telemóvel) - Se tiver mais que um produto por linha, quanto espaço quer deixar entre eles na versão móvel
  9. Botão de ver mais - Um botão que permite navegação para outra página, por exemplo, uma página que terá todos os produtos
  10. Navegação do botão - Para que pagina queremos que o botão envie o utilizador
  11. Aspeto - diferentes aspetos e proporções que podemos dar à nossa lista de produtos
  12. Posição do texto - Onde queremos que o texto e preço em baixo do produto apareça
  13. Largura do componente - Espaço horizontal que o item deve ocupar na sua imagem. O valor "5" irá ocupar todo o espaço horizontal possível
  14. Cores de fundo e texto - Alterar a cor de fundo e de texto especificamente para esta imagem


Temos ainda a opção de editar filtros. Esta opção avançada permite que adicione filtros à sua lista de produtos, de forma a que o seu cliente possa filtrar apenas produtos de uma determinada categoria.
Para aprender mais sobre esta opção, poderá visitar o nosso guia sobre Filtros de Produtos.

Depois de personalizar a sua Lista de Produtos, clique em guardar e a sua página irá agora apresentar os seus produtos!

Esse artigo foi útil?

0 de 0 gostaram desse artigo