Cores e Layout
Algo que é muito importante no tema são as cores utilizadas. Elas refletem grande parte da identidade visual da loja. Nós programamos o tema de modo que você possa alterar todas as cores principais utilizadas. Para isso basta acessar Minha Loja > Design da Loja > Editar Tema.
Na seção de Cores e Layout você encontrará todas as cores utilizadas devidamente identificadas, para que você possa encontrar facilmente onde, no tema, aquela cor é usada. Basta clicar na pequena caixinha com a cor para escolher uma no seletor de cores que aparecer. Ou você pode, também, digitar o código hexadecimal referente a cor que deseja usar.
Se precisar de ajudar, visite a ferramenta Html Color Codes para auxiliá-lo nas escolhas das cores clicando aqui.
GERAL
Cor Principal: Se aplica em alguns itens, tais como: Fundo do topo do menu mobile, cor das opções de pessoa física e jurídica no cadastro do cliente.
Cor Secundária: Se aplica nas cores dos links ao passar o mouse.
Cor dos Textos: Se aplica na maioria dos textos da loja. Recomendado não utilizar branco.
Os demais são auto explicativos.
Logotipo
Em LOGO DA LOJA você vai inserir a logotipo de sua loja. No campo LOGO BRANCA DA LOJA será cadastrado a logotipo que será exibida na loja versão mobile.
Caso não insira nenhuma logo nesses campos, o tema puxará a logotipo do tema.
MAIS CATEGORIAS
Em Mais Categorias você consegue definir se deseja exibir a opção de “mais categorias” no menu superior, lembrando que, essa configuração se aplica quando houver mais de 8 categorias cadastradas. Sendo possível definir um ícone com largura máxima de 80px.
TOPO E RODAPÉ
Para alterar as posições do topo e do rodapé de seu site, existe essas opções disponíveis no painel. Assim, você tem mais escolhas na hora de configurar o layout do tema.
SLIDE DE MARCAS
Você consegue definir se deseja exibir a opção de Slide de Marcas. Sendo possível cadastrar uma imagem com largura máxima de 180px e o seu link. Lembrando que é necessário cadastrar as marcas em Produtos > Marcas e Fabricantes. O link deve ser igual ao cadastrado no Editor de Tema para que assim funcione corretamente.
Considerações Importantes
As imagens precisam ser no formato
.png
com fundo transparente para melhor visualizaçãoAs imagens devem ter tamanho exato de 200x60 pixels
As imagens precisam ter o mesmo nome das marcas, seguindo a seguinte regra:
Todas as letras devem ser minúsculas;
Caso a marca tenha só uma palavra, como por exemplo a marca Nike, o nome da imagem deverá ficar como
nike.png
;Caso o marca seja composta de duas ou mais palavras, como por exemplo a marca Calvin Klein, o nome da imagem deverá ficar como
calvin-klein.png
;Caso a marca possua letras com acentuação, elas deverão ter o acento removido, como por exemplo a marca Nestlé, o nome da imagem deverá ficar
nestle.png
;Caso a marca possua caracteres especias, como
ç
, deverá ser trocado pela letra equivalente. No caso doç
, oc
;Caso a marca possua outros caracteres especias, como
&
ou'
, eles deverão ser trocados por um hiffen. Por exemplo a marca Dolce & Gabbana, o nome da image deverá ficarr comodolce-gabbana.png
.Ao salvar a imagem, verifique se ficou como
.png
minúsculo e não.PNG
maiúsculo, pois a plataforma não reconhece o segundo caso.
Caso tenha dúvida, clique aqui e utilize a ferramenta Text Edit Slugify (em inglês) para ajudá-lo.
Demonstração:
Last updated