Vale para as duas versões de loja. O caminho no editor muda conforme a versão (veja o passo 1).
Neste tutorial vamos ver como colocar CSS na loja. Para pouca quantidade de código, use o campo mostrado a seguir. Se for inserir muito código, por questão de desempenho, o ideal é colocar direto nos arquivos do tema; nesse caso, abra um ticket pedindo a inserção.
Lojas com o template antigo e acesso ao GitHub: o CSS maior pode ir no repositório da loja, no arquivo template/scss/custom-css/_styles.scss.
1. Abra o campo de CSS
Acesse o seu editor da loja virtual.
- Editor antigo: clique em Layout:
Vá em Inserir código e use o campo CSS customizado, como mostra a imagem:
No exemplo da imagem, o código só vale para telas de até 767px, mas você pode colocar código para qualquer tamanho de tela.
- Versão nova (Cloud Commerce): clique em Configurações e layout > Layout base > Código customizado e use o campo CSS.
2. Publique
Depois de colar o código, clique em Publicar e espere alguns minutos. Se não aparecer, teste em uma guia anônima (veja Alterei e o site não mudou).
Se o CSS não fizer efeito depois de publicar e testar em guia anônima, abra um ticket informando o endereço da loja e enviando o código que você colou.
