{"section":"tutorials","requestedLocale":"en","requestedSlug":"what-are-templates","locale":"en","slug":"what-are-templates","path":"docs/en/tutorials/storefront/layout/what-are-templates.md","branch":"main","content":"> This functionality is available for stores using the Legacy Portal technology.\n\nTemplates are the files that contain the code of the pages of your web site. They are responsible, among other things, for determining how the information will appear on the screen (including the position of the [placeholders](/en/docs/tutorials/what-are-placeholders)).\n\nIn VTEX platform, templates are divided into two types:\n\n- __HTML Templates (or page templates)__: they are the ones that structure the HTML code and reference JavaScript and CSS files to be used in the pages of the web site.\n- __Shelves Templates__: Define the structure and content of shelves, elements that group products from view criteria, and can be used on more than one page.\n\nThis division exists to facilitate the organization of the templates and, consequently, the code of your web site. Imagine you want to change the code on a shelf that appears on several different pages. It's much more practical to edit a single file than to access the templates that contain the codes of each one.\n\nIn addition to these two basic types, there is also a subdivision of the __page templates__ which is called __Sub Templates__. Like shelves, they are elements that will appear on most (or all) pages of your web site, such as footers, menus, headers and others. Therefore, they also have their own repository.\n\nAnd speaking of organization, you will find all templates in **Storefront > Layout > CMS**, gathered in folders according to their type (HTML or Shelves). __Sub Templates__ are in the folder of the same name, which is inside the __HTML Templates__ directory. There, you will be able to create new templates and edit the ones that already exist.\n\n![cms](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/what-are-templates_1.png)\n\n### Related articles\n- [What is CMS?](/en/tutorial/what-is-cms)\n- [What is a web site?](/en/docs/tutorials/what-is-a-web-site)\n- [What are placeholders?](/en/docs/tutorials/what-are-placeholders)\n- [What are layouts?](/en/docs/tutorials/what-are-layouts)\n- [What are shelves?](/en/docs/tutorials/what-are-shelves)\n- [Creating a page template](/en/tutorial/creating-a-page-template)"}