Como funciona a aba Avançado no seu Layout

Resumo: Saiba como funciona a aba Avançado no seu Layout e como fazer pequenas alterações.

Talvez você já tenha se deparado com o campo avançado nas configurações de Layout do seu site, nesse artigo vamos mostrar para que serve e como funciona o campo avançado no seu site.

Essa aba permite que você faça pequenas alterações como: Tamanho da fontes, banners, buscador, cores, tipo de fonte, etc.

[important]Nessa aba é possível somente alterar o código CSS do seu site, caso queira fazer outras alterações mais complexas recomendamos nossa ferramenta Headless Comerce[/important]

1. No painel clique em Loja Virtual- Temas- Personalizar.

2.  Em seguida clique em Avançado.

3. Após isso clique no F12 do seu teclado vai abrir a ferramenta DevTools, clique na seta que fica no canto superior esquerdo  e em seguida no campo que deseja fazer a alteração, nesse exemplo vamos alterar a cor do botão de pesquisa.

4. Você pode estar copiando pela classe do ou ID, dependendo do campo a ser alterado.

5. Após copiar a classe ou ID basta adicionar com a alteração da cor escolhida dentro do campo avançado.

Como você pode ver a cor do botão de busca foi alterada.

[warning]Recomendamos que faça isso com a ajuda de um profissional que tenha conhecimento visto que qualquer alteração feita de forma incorreta pode ocasionar no seu site fora do ar[/warning]

Em caso de dúvidas não deixe de entrar em contato com nosso suporte.