Skip to content
This repository was archived by the owner on Nov 19, 2024. It is now read-only.

Commit 5cb50b1

Browse files
Changed example as 3-column-double-footer
1 parent c8363b3 commit 5cb50b1

File tree

1 file changed

+7
-5
lines changed

1 file changed

+7
-5
lines changed

src/guides/v2.3/frontend-dev-guide/layouts/layout-create.md

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,17 @@ functional_areas:
77

88
### Create a new page layout in custom theme
99

10-
create a custom page-layout xml file in the below directory.
11-
app/design/frontend/<VendorName>/<ThemeName>/Magento_Theme/page_layout/4columns.xml
10+
If an existing page layout doesn't meet your requirements, then you can create a new page layout in Magento.
11+
12+
For example, If a new page is going to be designed in `3-columns-double-footer` layout, you may create the new layout in the following way. Create a custom page-layout xml file in the below directory.
13+
app/design/frontend/<VendorName>/<ThemeName>/Magento_Theme/page_layout/3-columns-double-footer.xml
1214

1315
```xml
1416
<?xml version="1.0"?>
1517
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
1618
<update handle="3columns"/>
1719
<referenceContainer name="page.wrapper">
18-
<container name="header.container" as="header_container" label="Page Header Container" htmlTag="header" htmlClass="page-header" before="main.content"/>
20+
<container name="footer-bottom" as="footer-bottom" after="-" label="Footer Bottom" htmlTag="footer" htmlClass="page-footer-bottom"/>
1921
</referenceContainer>
2022
</layout>
2123
```
@@ -29,8 +31,8 @@ app/design/frontend/<VendorName>/<ThemeName>/Magento_Theme/layouts.xml
2931
<?xml version="1.0" encoding="UTF-8"?>
3032

3133
<page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd">
32-
<layout id="4columns">
33-
<label translate="true">4 columns</label>
34+
<layout id="3-columns-double-footer">
35+
<label translate="true">3 Columns Double Footer</label>
3436
</layout>
3537
</page_layouts>
3638
```

0 commit comments

Comments
 (0)