Como utilizar o Editor visual
3 min
Criado por: Vivian Maurelli em: 18/09/2020 16:10

Menu Aparência > Meus temas

Dentro do Editor visual você pode configurar a aparência, as fontes, cores, o estilo de cabeçalho e o rodapé, entre outras funcionalidades.

Acessando o Editor visual 

1º Acesse o menu de Aparência e clique em Meus temas.

2º Clique em Personalizar.
aparencia personalizar.png

3º Faça as edições desejadas e clique em salvar.

Configurações do Editor visual

Você pode iniciar a criação do visual pela aba de Configurações. Nessa opção você insere, ordena e até remove as seções de conteúdo da página inicial da sua loja. 
Faça a configuração conforme as instruções a seguir.

1º Dentro do menu de temas clique na aba de Configurações.

2º Faça as alterações desejadas e clique em salvar.
config.png

Importante!

  • Na aba de Cores você define as cores utilizadas em todos os elementos e seções da loja.
  • Insira as cores personalizadas nas seções apenas para alterar uma seção específica, facilitando a troca de uma cor principal ou secundária, por exemplo.

Seções do Editor visual

Nessa aba ficam listadas as Seções que estão na página inicial da sua loja virtual, como por exemplo imagens, produtos, marketing, social e multimídia. 
As únicas seções fixas são o Cabeçalho e o Rodapé, as demais você pode inserir, ordenar ou remover sempre que quiser. 

1º Dentro do menu de temas clique na aba de Seções.

2º Selecione a seção desejada ou clique em Adicionar seção.

3º Efetue a edição e clique em salvar.
seções.png

Edição customizada dentro do Editor visual

A edição por HTML permite que você edite a aparência de sua loja de maneira customizada. Você pode inserir o CSS personalizado, esse CSS sobrescreve o já existente.

1º Dentro do menu de temas clique na aba de Configurações e em Estilo customizado (CSS).

2º Insira o código desejado e faça as alterações, e clique em salvar.

css.png

O visual das páginas internas de navegação da loja como listagem e de detalhe de produtos também são editáveis. Para isto basta selecionar Detalhe de produtos (1) e editar as seções (2).

Importante!

  • Em alguns casos será necessário o uso do código !important na linha de código para ter a prioridade correta e ser renderizado no navegador.
  • Todas as alterações realizadas e que você está visualizando no editor visual podem levar até 5 minutos para serem atualizadas na sua loja virtual. Isto acontece porque trabalhamos com cache em nossos servidores para melhor performance da sua loja.
O que você achou deste artigo?
Últimos artigos visitados