No editor de temas: Personalizar›Definições do tema›Cartões de produto
Cartões de produto
O aspeto dos produtos em todos os sítios onde aparecem numa grelha: a imagem, o nome e o preço, a moeda de adição rápida e os distintivos.
O campo “Badge” do próprio produto mostra uma palavra própria no cartão, como “Novo”. Os distintivos de promoção e esgotado aparecem automaticamente.
Definições
Imagem
- Proporção da imagem
- Escolha: Quadrada, Vertical, Horizontal, Igual à imagem do produtoPredefinição: Vertical
- Cantos da imagem
- Controlo de deslize, de 0 a 40 pxPredefinição: 12 pxDe 0 (cantos retos) a totalmente arredondados. 12 corresponde aos cantos dos botões.
- Mostrar segunda imagem
- Ativado ou desativadoPredefinição: AtivadoTelemóvel: deslize entre as duas imagens. Computador: aparecem setas ao passar o rato.
Conteúdo
- Mostrar fornecedor
- Ativado ou desativadoPredefinição: Desativado
- Pontos de cor
- Ativado ou desativadoPredefinição: AtivadoPequenos pontos abaixo do preço quando o produto tem opção de cor, a partir das amostras de cor da Shopify ou do nome da cor.
Moeda no cartão
- O que a moeda do cartão faz
- Escolha: Inteligente, com Espreitar em cada cartão (recomendado), Só inteligente, Abrir sempre a vista rápida, Sem moeda: todo o cartão abre o produtoPredefinição: Inteligente, com Espreitar em cada cartão (recomendado)Inteligente: um produto sem opções vai diretamente para o carrinho. Um produto com uma escolha (tamanho, cor ou material) abre no próprio cartão um leque com os valores, e um toque adiciona. Um produto com várias opções abre a vista rápida. «Espreitar» adiciona um pequeno botão de vidro no canto superior que abre sempre a vista rápida.
- Cor do botão de adicionar
- CorO sinal de mais nas imagens dos produtos. Vazio: a cor escura da página. Uma cor preenche o sinal de mais.
- Cor do ícone de adicionar
- CorVazio: escolhida automaticamente, escura num botão claro e clara num escuro.
- Botão de adicionar quando pronto
- CorPredefinição: #2563EBO sinal de mais no cartão do produto quando o leque curto está aberto e outro toque adiciona o produto ao carrinho. Se a cor for igual à do botão mais, ele troca a cor do fundo e do símbolo, por isso muda sempre.
- Mais no botão de adicionar
- CorPredefinição: #FFFFFF
- Opções no separador do mais
- Escolha: Preenchidas, ContornoPredefinição: PreenchidasPreenchidas: círculos brancos. Contorno: uma moldura fina e texto numa só cor no fundo do separador, como o mais.
- Cor do contorno
- CorA moldura e o texto das opções. Vazio: a cor do mais que mais se destaca na página.
- Intensidade do contorno
- Controlo de deslize, de 20 a 100 %Predefinição: 42 %A intensidade da moldura em repouso. Ao passar o rato e ao escolher, é sempre plena.
Detalhes
- Percentagem de promoção no selo
- Escolha: Preço apresentado (recomendado), Até: o maior desconto, Ocultar quando as percentagens diferemPredefinição: Preço apresentado (recomendado)Para produtos cujas variantes têm preços diferentes. Preço apresentado: a percentagem e o preço de comparação pertencem à variante cujo preço o cartão mostra. Se não estiver em promoção, não há selo de promoção. Até: o maior desconto do produto, com a indicação “até”. Ocultar: só há selo de promoção quando todas as variantes disponíveis têm a mesma percentagem. Os produtos com um único preço não são afetados. Na página do produto e na vista rápida, o cliente escolhe uma variante e o preço e a percentagem pertencem sempre a essa variante, por isso esta definição não se aplica aí.
- Peso do preço no cartão
- Escolha: Normal, NegritoPredefinição: NormalO preço nos cartões de produto em coleções, pesquisa e filas de produtos. Negrito igual à página do produto.
- Selo em produtos com desconto
- Escolha: Promoção, Percentagem (23% de desconto)Predefinição: PromoçãoO que o selo na imagem diz quando um produto está em promoção. Para um texto seu em qualquer produto (Novo, Mais vendido), preencha o metacampo do produto custom.badge.
- Brilho no botão
- Ativado ou desativadoPredefinição: AtivadoUma passagem de luz a cada poucos segundos, apenas enquanto o botão está visível no ecrã.
Algo aqui não corresponde ao que aparece no editor? Diga-nos e corrigimos o guia.