{"section":"tutorials","requestedLocale":"pt","requestedSlug":"como-identificar-o-template-de-uma-pagina","locale":"pt","slug":"como-identificar-o-template-de-uma-pagina","path":"docs/pt/tutorials/storefront/layout/como-identificar-o-template-de-uma-pagina.md","branch":"main","content":"Essa dúvida é muito comum entre os lojistas VTEX. Como o CMS é um módulo antigo (que está sendo todo refeito) ele foi desenhado em uma época que o conteúdo não era fácil de ser manipulado. A nova plataforma dará mais liberdade e será intuitiva mas enquanto isso vamos desenhar aqui o passo-a-passo para você identificar o template de uma página específica.\n\nAntes é preciso explicar rapidamente a estrutura do **CMS Portal (Legado)**, que fica no seguinte endereço: `{AccountName}.myvtex.com/admin/a`.\n\nA principal função do CMS Portal (Legado) é permitir o gerenciamento do layout da sua loja. Nele que serão criados os Diretórios e Templates que darão vida ao seu e-commerce.\n\nTradicionalmente no mundo da tecnologia organizamos páginas e arquivos dentro de pastas, assim como no seu computador.\n\nA VTEX usa o mesmo princípio. O diretório (pasta) é onde deve ser guardada toda informação pertinente aquela seção específica do seu site.\n\nPodemos criar inúmeros templates mas devemos especificar no diretório qual template será exibido. Usando a página de __Produto__ como exemplo:\n\n![cms-template-pagina PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-identificar-o-template-de-uma-pagina_1.png)\n\nStorefront > Layout > Pasta CMS > Sites and channels > Nome da Loja > Pasta raíz (/) > Produto (por exemplo) > Clicar no link que estiver com a setinha vermelha de \"ok\"\n\nNo caso acima, vemos que o Template *\"Product\"* é o template ativo da página de produto. Seguindo o exemplo, para editar esse arquivo é necessário localiza-lo na lista de Templates:\n\nStorefront > Layout > Pasta CMS > HTML templates > Product\n\nPara dar flexibilidade é possível ainda incluir subtemplates e inúmeros outros recursos dentro de um template, como os controles nativos, ou mesmo um customizado por você. O *\"Header\"* e *\"Footer\"*, por exemplo, são subtemplates default que estão identificados dentro do Template da Homepage. Assim ficando mais fácil editar cada arquivo e também podendo utilizar o mesmo código em múltiplos templates.\n\nAgora um exemplo real. Quero identificar qual página é essa que estou navegando:\n\n![Captura-de-Tela-2017-03-01-às-2.49.14-PM-768x445](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-identificar-o-template-de-uma-pagina_2.png)\n\nO próprio domínio muitas vezes já me ajuda a identificar, mas algumas lojas podem customizar isso o que pode dificultar esse trabalho. No caso estou na dúvida se é uma pagina de __Departamento__ ou __Categoria__, talvez possa inclusive ser uma customização de prateleira.\n\nO melhor caminho é conferindo no Código Fonte da página (Ctrl + U). Lojas VTEX vão possuir um indicativo de qual diretório pertence a página.\n\n![Captura-de-Tela-2017-03-01-às-2.51.06-PM-768x89](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-identificar-o-template-de-uma-pagina_3.png)\n\nNo exemplo acima: ``\nAgora que sabemos que é uma página de categoria, precisamos identificar qual template está ativo para Categoria. Para isso basta repetir o processo aplicado no exemplo anterior."}