To help you structure your storefront's pages in a consistent manner, the Layout Manager allows you to assign different layouts to different page groups.
A layout is simply a saved configuration of modules and containers which can be assigned to multiple page groups.
To learn more about modules and containers, please see this article.
As the name implies, a page group is a group of pages on your storefront which follow the same structure, and therefore they share a layout.
For example, all category pages will, by default, contain nothing but the products and subcategories assigned to it. Therefore, since they all follow this concept, we have grouped all categories into the same Page Group, and so they will share the same layout.
The full list of page groups can be found below:
- Category pages
- Product pages
- Content pages
- My Account pages
- Checkout workflow
- Product search results
- Blog listing page
- Individual blog articles
- Login page
Note: Whilst you are able to assign the same layout to as many of these page groups as you would like, please keep in mind that the content may load differently for different groups.
Setting a layout
To set a layout for a page group, follow the steps below:
- As a storefront administrator, open the layout manager by clicking on the icon in the bottom-left of your screen:
- Select the layout you would like to apply from the "Layouts" dropdown
- Click "Change Layout"
- The page will refresh and your new layout will be applied
Please keep in mind that many layouts have been left unconfigured to serve as a blank slate for you to work with.
We also recommend sticking to any layout that begins with "1 Column" or "2 Column" as these are the officially supported layouts.