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ção
  • As 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 ç, o c;
    • 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 como dolce-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: