No editor de temas: Personalizar›Definições do tema›Cores
Cores
As cores da loja inteira: fundo, superfícies, texto, botões e as cores de sinais como promoções e erros.
Verifique o contraste entre o texto e o fundo num telemóvel à luz do dia. O texto cinzento e pequeno é o primeiro a ficar difícil de ler.
Definições
Esquemas de cores
- Texto
- Esquema de cores da página
- Esquema de coresO fundo da página e cada secção sem esquema próprio.
- Fundo da página em telemóveis
- CorVazio: o fundo do esquema de cores da página. Escolha uma cor apenas se os telemóveis tiverem de mostrar outro tom.
Cada esquema é um conjunto completo de cores. Cada secção escolhe um esquema, por isso alterar um esquema aqui altera todas as secções que o utilizam. Estados ao passar o cursor, linhas e texto secundário são calculados a partir destas cores.
Sinais
- Etiqueta de promoção
- CorPredefinição: #94303F
- Texto da etiqueta de promoção
- CorPredefinição: #FFFFFF
- Cor do selo
- CorPredefinição: #FFFFFFO selo nas imagens de produto: Promoção, Esgotado ou o texto do próprio produto. O texto fica escuro ou branco automaticamente.
- Cor do texto do selo
- CorVazio: escuro ou branco, o que for mais legível sobre a cor do selo.
- Preço promocional
- CorVazio: como um preço normal, na cor do texto.
- Erro
- CorPredefinição: #B3261E
- Confirmação
- CorPredefinição: #3B9E68O botão que confirma que um produto foi adicionado ao carrinho, nos cartões de produto e nas recomendações do carrinho.
- Texto sobre confirmação
- CorPredefinição: #FFFFFF
- Preço antes do desconto
- CorPredefinição: #555555O preço riscado junto ao preço promocional.
Algo aqui não corresponde ao que aparece no editor? Diga-nos e corrigimos o guia.