Cores
Na aba Cores você personaliza todas as cores do tema: cabeçalho, rodapé, títulos, botões e outros elementos. É aqui que a loja ganha a identidade visual da sua marca.
Clique no quadrado de cor para escolher no disco de cores, ou digite o código da cor (por exemplo #ad3f3f).
Cores gerais do tema: textos
| Campo | Onde aparece |
|---|---|
| Cor dos textos 1 (cor primária dos textos) | A maior parte dos textos da loja: títulos das vitrines, menu de categorias, nome e descrição dos produtos, blog. |
| Cor dos textos 2 (cor secundária dos textos) | Detalhes: subtítulos, textos do filtro, variações de produto, números da paginação, subcategorias. |
| Cor dos textos invertida | O contrário das duas acima, usada em botões e etiquetas coloridas. Exemplo: texto branco em botão escuro. |
Cores gerais do tema: principais
| Campo | Onde aparece |
|---|---|
| Cor principal | Valor do preço, fundo da tarja topo, setas dos slides, selo do desconto progressivo. |
| Cor secundária | Títulos das vitrines, selos de frete grátis, selo adicional e outros selos, fundo das etiquetas de desconto. |
| Cor de destaque/botões | Botões de comprar, de newsletter e de ver mais, e a borda da variação de produto escolhida. |
Cabeçalho
| Campo | Onde aparece |
|---|---|
| Cor de fundo do cabeçalho | Fundo de toda a parte de cima do site. |
| Cor dos textos principais do cabeçalho | Categorias, carrinho e botão de login. |
| Cor dos textos secundários do cabeçalho | Subcategorias e o link Cadastre-se. |
| Cor dos ícones do cabeçalho | Todos os ícones do cabeçalho (busca, minha conta, carrinho). |
Rodapé
| Campo | Onde aparece |
|---|---|
| Cor de fundo do rodapé | Fundo de toda a parte de baixo do site. |
| Cor dos títulos do rodapé | Títulos como Institucional, Categorias e Atendimento, e o título da newsletter. |
| Cor dos textos do rodapé | Todos os outros textos do rodapé. |
| Cor dos ícones do rodapé | Ícones do rodapé, como os de atendimento e redes sociais. |
| Cor de fundo dos detalhes do rodapé | Fundo dos campos, como o campo da newsletter. |
Os códigos que aparecem nos prints são de uma loja de demonstração. Use as cores da sua marca.
Atualizado em