As grelhas de produtos e de coleções mostram cada item como um cartão. Desenha o cartão uma vez na secção, e todos os cartões dessa secção seguem esse design.
Onde estão os cartões
- O bloco Cartão do produto está em Produtos em destaque, Produtos relacionados, Pesquisar produtos e Produtos da coleção.
- O bloco Cartão da coleção está em Coleções e Subcoleções.
No construtor, selecione a secção e depois o bloco do cartão. Cada secção tem o seu próprio cartão, por isso uma alteração só afeta essa secção. O bloco do cartão não pode ser eliminado, mas as suas partes podem: oculte ou elimine uma parte, ou volte a adicioná-la com Adicionar novo bloco.
Cartão do produto
No próprio cartão, Utilizar esquema de cores do elemento pai está ativo por defeito. Desative-o para dar aos cartões o seu próprio Esquema de cores. Arraste as partes para mudar a ordem no cartão. As partes são:
- Imagem: Proporção (Automático, Retrato, Quadrado ou Paisagem) e Ajuste da imagem (Cobrir preenche a moldura, Conter mostra a imagem inteira). O Ajuste da imagem fica oculto com Automático.
- Título: Predefinição (estilo do texto), Altura da linha, Espaçamento entre letras e Máximo de linhas (1 a 3, os nomes mais longos são cortados com "...").
- Preço: o preço, com o preço antigo riscado numa promoção. Economia mostra um selo como Percentagem, Preço (o valor poupado) ou Nenhum. Só aparece em produtos com preço com desconto.
- Classificação: as estrelas e o número de avaliações. Os produtos sem avaliações não mostram estrelas.
- Comprar: o botão e as variantes.
A parte Comprar
- Ação: Finalizar permite aos clientes comprar a partir do cartão. Link abre a página do produto.
- Etiqueta: deixe vazia para usar o texto predefinido: "Ver produto" com Link e, com Finalizar, "Adicionar ao carrinho" ou "Comprar agora", conforme o Método de checkout em Configurações do checkout.
- Estilo: cores do botão Primária ou Secundário.
- Mostrar variantes, com Tamanho e Forma (a forma só se aplica às amostras de cor e de imagem): os clientes escolhem uma opção no cartão. Só aparece no cartão o primeiro grupo de variantes. As variantes nunca aparecem com Link.
Um produto em que todas as opções estão esgotadas mostra um botão "Esgotado" desativado com Finalizar.
Cartão da coleção
Estilo do cartão: Padrão coloca o texto por baixo da imagem, Sobreposição coloca-o sobre a imagem. Também tem Utilizar esquema de cores do elemento pai. As partes são:
- Imagem: Proporção, Ajuste da imagem e Opacidade da sobreposição (só com Sobreposição, uma imagem mais escura torna o texto mais fácil de ler).
- Título: Predefinição, Altura da linha, Espaçamento entre letras, Máximo de linhas (1 ou 2) e Alinhamento.
- Número de produtos: o número de produtos na coleção. Não tem configurações: oculte-o ou elimine-o para o retirar.
- Botão: Etiqueta (vazia usa um texto predefinido no idioma da loja), Estilo e Largura (Ajustar ou Preencher). Abre sempre a coleção do cartão.
O cartão da coleção mostra sempre as partes pela mesma ordem: imagem, título, número de produtos e depois botão.
Bom saber
- Os cantos, as bordas e as sombras dos cartões vêm do seu tema. As cores dos cartões vêm do esquema de cores.
- Não aparece o selo de Poupança? O produto precisa de um preço com desconto, veja Como defino os preços dos produtos, os descontos e os preços por mercado?