Magento Commerce, 2.2.x

Standard Page Layouts

2 Columns with Left Bar

The “2 Columns with Left Bar” layout is often used for pages with navigationThe primary group of web page links that a customer uses to navigate around the website; the navigation links to the most important categories or pages on an online store. on the left, such as a catalog or search results pages with layered navigation. It is also an excellent choice for home pages that need additional navigation or blocks of supporting content on the left.

2 Columns with Right Bar

With a “2 Columns with Right Bar” layout, the main content area is large enough for an eye-catching image or bannerPromotional graphics displayed either horizontally on the top of a web page or vertically on the left or right margins. Website advertisements are often displayed as banners.. This layout is also often used for Product pages with blocks of supporting content on the right.

3 Columns

The “3 Column” layout has a center column that is wide enough for the main text of the page, with room on each side for additional navigation and blocks of supporting content.


The “Empty” layout can be used to define custom page layouts. To learn more, see the Magento Designer’s Guide.