{"section":"tutorials","requestedLocale":"en","requestedSlug":"what-are-layouts","locale":"en","slug":"what-are-layouts","path":"docs/en/tutorials/storefront/layout/what-are-layouts.md","branch":"main","content":"__Layouts__ are responsible for determining which [placeholders](/en/docs/tutorials/what-are-placeholders) will appear on the pages of your [web site](/en/docs/tutorials/what-is-a-web-site). You find them organized by folders in the **Sites and Channels** directory of the [CMS](/en/faq/what-is-cms)\n\nThis is done first with the placeholder settings, that will tell you which type is used and what file will fill it. Then, in order for the layout to become functional, it must be linked to a [template](/en/docs/tutorials/what-are-templates). Thus, the page code where the placeholder will be displayed will know exactly where the information comes from.\n\n> ⚠️ **Important**<br /> In order to work, each layout must be linked to a single template.\n\n### Related articles\n- [What is CMS?](/en/faq/what-is-cms)\n- [What is a web site?](/en/docs/tutorials/what-is-a-web-site)\n- [What are templates?](/en/docs/tutorials/what-are-templates)\n- [What are placeholders?](/en/docs/tutorials/what-are-placeholders)"}