{"section":"tutorials","requestedLocale":"pt","requestedSlug":"como-identificar-qual-arquivo-javascript-esta-sendo-aplicado-em-uma-pagina","locale":"pt","slug":"como-identificar-qual-arquivo-javascript-esta-sendo-aplicado-em-uma-pagina","path":"docs/pt/tutorials/storefront/layout/como-identificar-qual-arquivo-javascript-esta-sendo-aplicado-em-uma-pagina.md","branch":"main","content":"> Tutorial válido apenas para lojas CMS Portal (Legado).\n\nA 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.\n\nMuitas 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?\n\nUma forma de identificar qual arquivo javascript está aplicando determinado efeito é por meio do caminho abaixo.\n\nTenha 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\".\nPara identificar o JavaScript responsável por essa customização para conseguir alterá-lo, siga os passos abaixo:\n\n1. Com sua página aberta, clique em **F12** ou escolha **Inspecionar página**;\n2. Abra a aba **Network**;\n3. Use o campo de busca do console e insira a frase **\"Você ainda não possui produtos no carrinho\"**;\n4. A lista mostrará o arquivo que contém a string buscada;\n5. No Admin VTEX, acesse **Storefront > Layout > CMS** e procure pelo arquivo na pasta CMS, pelo seguinte caminho:\n\n*Files Manager > .js > Procure por \\_nome\\_do\\_arquivo\\_.js*\n\nCaso queira investigar se uma customização de javascript está causando um erro de layout, clique [aqui](/pt/docs/tutorials/como-identificar-erros-de-layout-ocasionados-por-arquivos-javascript/) para saber como identificar erros de JavaScript."}