Tutorial válido apenas para lojas CMS Portal Legado.
A plataforma VTEX é extremamente flexível. Por isso, é comum que os clientes tenham diversas customizações no front-end do e-commerce. Diferentes ferramentas podem ser responsáveis por essas customizações, entre as quais o Google Tag Manager ou mesmo arquivos JavaScript incluídos no CMS.
Muitas vezes, o número de customizações é tão grande que, com o tempo, o próprio lojista esquece o que cada um desses arquivos faz, certo?
Uma forma de identificar qual arquivo javascript está aplicando determinado efeito é por meio do caminho abaixo.
Tenha em mente certo texto contido num efeito de "mouse over", por exemplo. Ao passar o cursor sobre o simbolo do carrinho, o seguinte texto aparece: "Você ainda não possui produtos no carrinho". Para identificar o JavaScript responsável por essa customização para conseguir alterá-lo, siga os passos abaixo:
- Com sua página aberta, clique em F12 ou escolha Inspecionar página;
- Abra a aba Network;
- Use o campo de busca do console e insira a frase "Você ainda não possui produtos no carrinho";
- A lista mostrará o arquivo que contém a string buscada;
- No Admin VTEX, acesse Storefront > Layout > CMS e procure pelo arquivo na pasta CMS, pelo seguinte caminho:
Files Manager > .js > Procure por _nome_do_arquivo_.js
Caso queira investigar se uma customização de javascript está causando um erro de layout, clique aqui para saber como identificar erros de JavaScript.