Avançar para o conteúdo
Ajuda
Seções e blocos do editor

Como personalizo a grelha de produtos da página da coleção (Produtos da coleção)?

Personalize a página da coleção: a grelha Produtos da coleção, colunas, colunas no telemóvel, espaçamento, o cartão do produto, um título com {{collection_name}}, {{collection_description}} e {{products_count}}, subcoleções, a ordem dos produtos e o botão mostrar mais.

3 min de leitura

A Página da coleção abre quando um cliente clica numa coleção. A secção principal, Produtos da coleção, mostra os produtos dessa coleção numa grelha de cartões. É obrigatória nesta página.

Onde a encontrar

  1. Abra o construtor e escolha Página da coleção no separador Páginas.
  2. Escolha uma coleção para pré-visualizar. Isto só muda a pré-visualização: o mesmo design é usado para todas as suas coleções.
  3. Clique em Produtos da coleção.

Configurações da secção

  • Largura da secção: Página ou Completo.
  • Colunas: 1 a 8 cartões por linha no computador.
  • Colunas no telemóvel: 1 ou 2 cartões por linha nos telemóveis.
  • Esquema de cores, Espaçamento entre cartões, margens interiores e CSS personalizado.

Blocos

  • Cartão do produto: o aspeto de cada produto. É obrigatório e não pode ir dentro de um grupo. Veja Cartões de produto e de coleção.
  • Texto (até 2), Separador (1) e Grupo (1): coloque-os acima ou abaixo da grelha.

Mostrar o nome e a descrição da coleção

Como o mesmo design serve todas as coleções, os blocos de Texto desta secção podem mostrar valores dinâmicos. Escreva-os no texto:

  • {{collection_name}}: o nome da coleção que está a ser vista.
  • {{collection_description}}: a sua descrição.
  • {{products_count}}: quantos produtos tem.

Uma nova página de coleção começa com um título que mostra {{collection_name}}. Por exemplo, escreva "{{collection_name}}: {{products_count}} produtos". O nome e a descrição vêm da própria coleção, veja Como organizo os produtos em coleções?

Como os produtos são listados

  • Os produtos mais recentes da coleção aparecem primeiro.
  • Os primeiros produtos carregam com a página, e um botão mostrar mais por baixo da grelha carrega os seguintes.
  • Os produtos ocultos ficam de fora.

Tarefas comuns

  • Mostrar a descrição por baixo do título: adicione um segundo bloco de Texto com {{collection_description}} e arraste-o para baixo do título.
  • Cartões maiores no computador: reduza as Colunas, por exemplo de 4 para 3.

Outras secções para esta página

Adicione Subcoleções para mostrar as coleções filhas da que está a ser vista, por exemplo "Camisas" e "Calças" dentro de "Homem". Veja Secção Subcoleções. Também pode adicionar qualquer secção permitida em todas as páginas, como um banner de imagem ou uma FAQ.

A página que lista todas as suas coleções em example.com/collections é uma página diferente, a Página das coleções. Veja Que páginas da loja pode editar no construtor?

Resolução de problemas

  • Uma variável aparece como texto simples: confirme a ortografia e as chavetas duplas. As variáveis só funcionam nos blocos de Texto desta secção.
  • Falta um produto: confirme que está publicado, não está oculto e foi adicionado a essa coleção.
  • Todas as coleções mostram o mesmo título: escreveu um nome no título. Substitua-o por {{collection_name}}.

Ainda precisa de ajuda?

Escreva-nos e nós respondemos.

Contacte-nos