Alterando as cores do site

02

Para um setup básico de layout, temos algumas propriedades que alteram o layout inteiro de forma simples e rápida para adaptar-se a identidade visual da sua empresa.

A maioria dos elementos continuará respeitando a diagramação e o layout padrão mas seguindo as cores que você determinar.

» No menu principal, clique em “Design”
» Em seguida Clique em “Opções do tema”

Na página “Theme Options”, em “Geral”:

Todas as alterações afetarão algumas áreas especificas do site que também podem ser modificadas individualmente através de suas respectivas abas dentro das “opções do tema”.

  • No campo “Cor primária do site”, clique para alterar a cor principal do site. Altera:
    • Cor de fundo do menu principal
    • Cor de fundo do rodapé
    • Cor de “meus pedidos”
    • Títulos principais e dos filtros da tela de resultado de busca
    • Alguns ícones
  • No campo “Cor secundária do site”, clique para alterar a cor secundária do site. Altera:
    • Cor de fundo da barra no topo do site (menu do cliente)
    • Botão “Refazer Pesquisa”
    • Cor de destaque das opções de “melhor preço encontrado” nas telas de resultado
    • Alguns ícones
  • No campo “Cor terciaria do site”, clique para alterar a cor terciaria do site. Altera:
    • Cor do preço e dos botões “comprar” e “selecionar nas telas de resultado
  • Clique em “Salvar” no topo ou no rodapé da página

Você pode utilizar a mesma cor como primária, secundária e terciária caso queira um layout com poucas cores, basta repetir a mesma cor em todas as opções, ou em duas delas se for o caso.

Experimente outras configurações das “opções do tema” para entender como elas afetam o seu layout. Por exemplo, a opção “Fonte principal” permite customizar a fonte, a cor e outras opções do texts padrão do site.

A opção “Cor ou imagem de fundo” permite mudar a cor de fundo do site inteiro, ou adicionar uma imagem de fundo. Só tenha certeza que a cor da opção “Fonte Principal” escolhida seja adequada para a cor do fundo para permitir a leitura.

3ac

 

Was this article helpful?

Artigos relacionados

Deixe um comentário

Você precisa estar logado para dar um palpite.