{"section":"tutorials","requestedLocale":"es","requestedSlug":"como-identificar-el-template-de-una-pagina","locale":"es","slug":"como-identificar-el-template-de-una-pagina","path":"docs/es/tutorials/storefront/layout/como-identificar-el-template-de-una-pagina.md","branch":"main","content":"Esa duda es muy común entre los comerciantes VTEX. Como el CMS es un módulo antiguo (que se está rehaciendo totalmente) fue diseñado en una época en la que el contenido no era fácil de manipularse. La nueva plataforma dará más libertad y será intuitiva pero mientras tanto, vamos a diseñar aquí el paso a paso para que usted identifique el template de una página específica.\n\nAntes es necesario explicar rápidamente la estructura del CMS Portal (Legado), que queda en `{AccountName}.myvtex.com/admin/a`\n\n![cms_newadmin ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-identificar-el-template-de-una-pagina_1.png)\n\nLa principal función del CMS Portal (Legado) es permitir la administración del layout de su tienda. En él se crearán los Directorios y Templates que darán vida a su e-commerce.\n\nTradicionalmente en el mundo de la tecnología organizamos páginas y archivos en carpetas, así como en su computadora.\n\nVTEX usa el mismo principio. El directorio (carpeta) es donde debe guardarse toda información pertinente a aquella sección específica de su site.\n\nPodemos crear innúmeros templates pero debemos especificar en el directorio qué template se exhibirá. Usando la página de __Account__ como ejemplo:\n\n![cms-template-pagina ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-identificar-el-template-de-una-pagina_2.png) \n\nStorefront > Layout > Carpeta CMS > Sites and channels > Account Nombre > Carpeta (/) > Account *(como en el ejemplo)* > Haga clic en el link que presente la flecha roja de \"ok\".\n\nEn el caso que antecede, vemos que el Template *\"Account\"* es el template activo de la página de producto. Para editar ese archivo es necesario localizarlo en la lista de Templates:\n\nStorefront > Layout > Carpeta CMS > HTML templates > *Account*\n\nPara dar flexibilidad es posible aún incluir subtemplates e innúmeros otros recursos dentro de un template, como los controles nativos, o aún un control customizado por usted. El *\"Header\"* y el *\"Footer\"*, por ejemplo, son subtemplates default que están identificados dentro del Template de la Homepage. Así quedando más fácil editar cada archivo y también pudiendo utilizar el mismo código en múltiples templates.\n\nAhora un ejemplo real. Quiero identificar qué página es ésta en la que estoy navegando:\n\n![pagina-loja ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-identificar-el-template-de-una-pagina_3.png)\n\nEl propio dominio muchas veces ya me ayuda a identificar, pero algunas tiendas pueden customizar esto, lo que puede dificultar el trabajo. En el caso, tengo duda sobre si es una página de __Departamento__ o __Categoría__, tal vez pueda incluso ser una customización de anaquel.\n\nEl mejor camino es por el cotejo en el Código Fuente de la página (ctrl + U). Tiendas VTEX van a tener un indicativo de a qué directorio pertenece la página.\n\n![exemplo-codigo-template-loja ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-identificar-el-template-de-una-pagina_4.png)\n\nEn el ejemplo anterior: ``\nAhora que sabemos que es una página de categoría, necesitamos identificar qué template está activo para la Categoría. Para ello, basta repetir el proceso aplicado en el ejemplo anterior."}