Tutorial válido apenas para lojas CMS Portal Legado.

Neste artigo, você vai aprender como verificar a origem de um problema front-end. O primeiro passo é bloquear as customizações de front-end. A partir da resposta do site, será possível entender se o problema está na informação que a VTEX entrega de forma nativa ou na customização da sua página.

Para fazer isso, vamos ensinar como retirar as customizações por meio de uma ferramenta nativa do próprio Chrome, o DevTools. Existe também a opção de usar apps e extensões do Chrome que retiram as customizações, porém a solução nativa tende a ser mais segura e eficiente.

Para configurar o Chrome DevTools, siga os passos abaixo.

1. Abra o Google Chrome no seu computador.
2. Clique no botão F12 do seu teclado ou com o botão direito do mouse em qualquer lugar da tela e selecione Inspecionar.
3. Clique nos três pontos verticais na parte superior direita da página, conforme indicado na imagem abaixo.
   
4. Selecione Mais ferramentas e, em seguida, Bloqueios de solicitação de rede para bloquear todas as customizações feitas via CSS, JavaScript e Google Tag Manager.
   
5. A aba Bloqueios de solicitação de rede abrirá em seguida como mostra a imagem abaixo:
   
6. Clique em Adicionar padrão para definir o primeiro recursos será bloqueado. Para adicionar mais recursos, clique em + e, depois de defini-lo, clique em Adicionar. Essa configuração precisa ser feita apenas uma vez no seu navegador. Inclua os itens abaixo:

• */arquivos/*.js
• */files/*js
• */arquivos/*.css
• */files/*.css
• *gtm.js*

7. Marque a opção Ativar bloqueio de solicitação de rede e habilite todos os checkboxes abaixo. Essa será a configuração que ficará definida por padrão, com todas as opções habilitadas para bloqueio.
8. Agora atualize a página. Ela será exibida sem os componentes customizados.

Para voltar a visualizar as customizações, desmarque oa opção Ativar bloqueio de solicitação de rede e atualize a página novamente.

Verifique se o comportamento indesejado que você observou originalmente acontece apenas com a customização ativada. Se for o caso, entre em contato com o time responsável pelo seu front-end para que eles verifiquem o que está ocorrendo.

Se mesmo com as customizações bloqueadas o comportamento indesejado permanecer, abra um chamado para o suporte da VTEX detalhando o que está acontecendo.