Como saber qual página do sistema está sendo renderizada no site?

1 min de leitura

Tutorial válido apenas para lojas CMS Portal Legado.

Quando uma página do site é renderizada, o código-fonte traz sempre um comentário que indica a qual pasta do CMS o layout da página está relacionado.

Digamos, por exemplo, que você esteja numa página de departamento. Neste caso, se a pasta da página de departamento chama-se @departamento@, o seguinte código estará no código-fonte:

Para encontrar essa linha de código, acesse o front-end da sua loja, entre nas ferramentas de desenvolvedor do browser (F12 no Windows ou Cmd+Option+I no Mac, caso você esteja usando Google Chrome) e faça uma busca por CommerceContext (Ctrl+Shift+F no Windows ou Cmd+Shift+F no Mac).

Veja abaixo a relação entre a pasta no CMS e o código-fonte da loja.

${"base64":" ","img":{"width":1359,"height":914,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":223917,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-saber-qual-pagina-do-sistema-esta-sendo-renderizada-no-site_1.png"}}$

Essa linha de código está sempre comentada. Portanto, ela tem função apenas informativa. Ou seja, não realiza nenhuma ação.

Essa informação é útil, por exemplo, para saber qual pasta a busca da sua loja por determinado termo está retornando.