After July 2021, the 2.3.x release line no longer received quality updates or user guide updates. PHP 7.3 reached end of support in December 2021, and Adobe Commerce 2.3.x reached end of support in September 2022. We strongly recommend upgrading to Adobe Commerce 2.4.x to help maintain PCI compliance.
Page Builder - Layout
This site contains archived merchant documentation for a version of Adobe Commerce and Magento Open Source that has reached end-of-support.
The documentation available here is intended for historical reference only and is not maintained.
The Adobe Commerce Merchant Documentation for current releases is published on the Adobe Experience League.
Magento Commerce only.
Learn more.
The Layout section of the Page Builder panel is used to add rows, columns, or tabs to the stage. When you drag a content type from the panel to the stage, a container appears with a toolbox of options that are specific to the content type.
By default, the Page Builder stage has an initial row. As you drag additional content types from the panel to the stage, you can place them inside the row, or position them above or below the row, according to type.
Page Builder panel with layout content types and stage
Layout content types
| Content type | Description |
|---|---|
| Row | The row is the primary content type. All other content types are added to an existing row. A new row can be dragged from the panel to the stage, and positioned either above or below another row. You can also use the Duplicate option to make a copy of an existing row. |
| Column | A column can be dragged from the panel to a row. The maximum number of columns that can be added is determined by the number of grid divisions that is specified in the configuration. |
| Tabs | A single tab can be dragged from the panel to a row. Additional tabs can be added from the toolbox. |