Código Personalizado
Atenção: Utilize esses campos com muito cuidado, pois podem causar problemas no funcionamento da sua loja se mal utilizados. Se não tiver experiência, contrate um profissional para fazer as alterações.
Pelo painel do tema, você pode:
- Adicionar CSS Personalizado: ativando essa opção, será disponibilizado um campo de texto. O conteúdo digitado neste campo será inserido em uma tag
<style>
após os estilos do tema. Esse campo tem capacidade de alterar elementos visuais da sua loja, como por exemplo: cores de fundo, cor de textos, fontes, posicionamentos entre outros; - Adicionar JavaScript Personalizado – ativando essa opção, será disponibilizado um campo de texto. O conteúdo digitado neste campo será inserido em uma tag
<script>
no final do<body>
. Esse campo tem capacidade de editar, criar ou remover lógicas de programação, podendo também afetar elementos visuais, adicionar ou remover atributos, eventos entre outros.
Esses campos são campos muito versáteis, podendo realizar uma série de alterações que o tema, nativamente, não seria capaz de fazer.
Como o conteúdo desses campos fica salvo nas configurações do tema, ele não se perde ao fazer uma atualização e, por isso, é a forma mais recomendável de fazer alterações de código do tema.
Observação: se utilizar aspas no código, procure usar aspas ‘simples’ em vez de “duplas”. Acreditamos que pode tornar o código mais robusto contra problemas com atualizações.