Aparência da loja
Como usar o CSS avançado com segurança
Faça pequenos ajustes visuais e mantenha uma cópia para desfazer mudanças.
CSS Avançado é uma ferramenta para quem conhece estilos de páginas. Para trocar cores e opções do tema, prefira primeiro Visual da loja. O editor exige plano ativo e aceita até 20.000 caracteres.
Passo a passo
Abra Personalize sua loja > CSS Avancado. Antes de editar Regras CSS, copie todo o conteúdo atual para um arquivo de texto privado de trabalho, para poder restaurá-lo.
Prepare uma alteração pequena e específica no estilo. Não cole scripts, códigos de rastreamento, senhas, tokens nem trechos de origem desconhecida.
Evite regras que escondam botões de compra, avisos importantes, informações de preço ou controles de acessibilidade. Faça uma mudança por vez para conseguir identificar seu efeito.
Clique em Salvar CSS. Algumas construções, como @import e javascript, são removidas ao salvar; confira o conteúdo que permaneceu no editor.
Abra sua vitrine e teste no computador e no celular: navegação, páginas de produto, carrinho e formulários. Se algo ficar desalinhado, restaure o texto anterior no editor e salve novamente.
Antes de concluir
- O CSS é servido junto com as cores em /tema.css. Atualize a vitrine se ainda estiver vendo a versão anterior.
- Cancelar sai da edição sem salvar o formulário; não desfaz uma alteração que já foi salva.
- Se não souber identificar a regra responsável por um problema, envie ao suporte o endereço da página e uma captura, sem dados privados.