diff --git a/src/_data/toc/frontend-developer-guide.yml b/src/_data/toc/frontend-developer-guide.yml index d1d28fc66c9..646cad9ff39 100644 --- a/src/_data/toc/frontend-developer-guide.yml +++ b/src/_data/toc/frontend-developer-guide.yml @@ -71,6 +71,9 @@ pages: - label: Product layouts url: /frontend-dev-guide/layouts/product-layouts.html + - label: Create a new layout + url: /frontend-dev-guide/layouts/layout-create.html + - label: Extend a layout url: /frontend-dev-guide/layouts/layout-extend.html diff --git a/src/guides/v2.3/frontend-dev-guide/layouts/layout-create.md b/src/guides/v2.3/frontend-dev-guide/layouts/layout-create.md new file mode 100644 index 00000000000..72ddb8578e0 --- /dev/null +++ b/src/guides/v2.3/frontend-dev-guide/layouts/layout-create.md @@ -0,0 +1,36 @@ +--- +group: frontend-developer-guide +title: Create a new layout +functional_areas: + - Frontend +--- + +## Create a new page layout in custom theme + +If an existing page layout does not meet your requirements, then you can create a new page layout in Magento. + +For example, if a new page is going to be designed as `3-columns-double-footer` layout, you may create the new layout in the following way. Create a custom page-layout XML file in following directory `app/design/frontend///Magento_Theme/page_layout/3-columns-double-footer.xml`. + +```xml + + + + + + + +``` + +## Add the new layout to the layouts.xml file + +Add the newly created page layout to the `layouts.xml` file of the theme directory `app/design/frontend///Magento_Theme/layouts.xml`. + +```xml + + + + + + + +```