{"section":"tutorials","requestedLocale":"pt","requestedSlug":"o-que-sao-templates","locale":"pt","slug":"o-que-sao-templates","path":"docs/pt/tutorials/storefront/layout/o-que-sao-templates.md","branch":"main","content":"> Essa funcionalidade está disponível para lojas usando a tecnologia Portal Legada.\n\nTemplates são os arquivos que contêm o código das páginas do seu web site. Eles são responsáveis, dentre outras coisas, por determinar como as informações vão aparecer na tela (inclusive a posição dos [placeholders](/pt/docs/tutorials/o-que-sao-placeholders)).\n\nNa plataforma VTEX, os templates são divididos em dois tipos:\n\n- __HTML Templates (ou templates de página)__: são eles que estruturam o código HTML e referenciam arquivos JavaScript e CSS para serem usados na páginas do web site.\n- __Shelves Templates__: definem a estrutura e o conteúdo das prateleiras, elementos que agrupam produtos a partir de critérios de exibição e podem ser usados em mais de uma página.\n\nEssa divisão existe para facilitar a organização dos templates e, consequentemente, do código do seu web site. Imagine que você quer alterar o código de uma prateleira que aparece em várias páginas diferentes. É muito mais prático editar um único arquivo do que acessar os templates que contêm os códigos de cada uma delas.\n\nAlém desses dois tipos básicos, há ainda uma subdivisão dos __templates de página__, que são chamados de __Sub Templates__. Eles são, a exemplo das prateleiras, elementos que vão aparecer na maioria (ou em todas) as páginas do seu web site, como footers, menus, headers e outros. Por isso, também possuem um repositório próprio.\n\nE falando em organização, você encontra todos os templates no módulo **Storefront > Layout > CMS**, reunidos em pastas de acordo com seu tipo (HTML ou Shelves). Os __Sub Templates__ estão na pasta de mesmo nome, que fica dentro do diretório __HTML Templates__. Nesses locais, você vai poder criar novos templates e editar os que já existem.\n\n![cms](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/o-que-sao-templates_1.png)\n\n### Artigos relacionados\n- [O que é o CMS?](/pt/tracks/o-que-e-o-cms)\n- [O que é um web site?](/pt/docs/tutorials/o-que-e-um-web-site)  \n- [O que são placeholders?](/pt/docs/tutorials/o-que-sao-placeholders)\n- [O que são layouts?](/pt/docs/tutorials/o-que-sao-layouts)\n- [O que são prateleiras?](/pt/docs/tutorials/o-que-sao-prateleiras)\n- [Criar um template de página](/pt/docs/tutorials/como-criar-um-template-de-pagina)"}