Knowband Blog | Ecommerce Modules

Wie erstelle ich ein benutzerdefiniertes Layout für CMS-Seiten in Magento 2?

In diesem Artikel erfahren Sie, wie Sie ein benutzerdefiniertes CMS-Seitenlayout für unsere CMS-Seiten erstellen. Wir erstellen ein benutzerdefiniertes Layout mit dem Namen Knowband-Layout.

Magento bietet das folgende Layout: -> Leer -> 1-Spalte -> 2-Spalten mit linker Leiste -> 2-Spalten mit rechter Leiste -> 3-Spalten Wenn Sie Ihr eigenes Layout für die cms-Seiten oder einige bestimmte Seiten erstellen möchten, dann Sie müssen sich auf die folgenden Schritte konzentrieren:

Schritt 1:

Erstellen Sie die Datei <Herstellername> / <Modulname> /view/frontend/page_layout/kb_layout.xml. Diese Datei definiert das Design Ihres benutzerdefinierten Layouts.

<? xml version = "1.0" encoding = "UTF-8"?> <layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: framework : View / Layout / etc / page_layout.xsd "> <update handle =" empty "/> <! - Sie können das Handle wie 2columns-left oder 3columns etc ändern -> <referenceContainer name =" page.wrapper "> <container name = "header.container" as = "header_container" label = "Seitenkopfcontainer"

Schritt 2:

Erstellen Sie <Herstellername> / <Modulname> /view/frontend/layouts.xml. Diese Datei registriert das benutzerdefinierte Layout. <? xml version = "1.0" encoding = "UTF-8"?> <page_layouts xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: framework : View / PageLayout / etc / layouts.xsd "> <layout id =" kb_layout "> <label translate =" true "> Wissenslayout </ label> </ layout> </ page_layouts>

Löschen Sie nach dem Erstellen dieser beiden Dateien den Cache, und Ihr benutzerdefiniertes Layout wird der Layoutliste hinzugefügt. Sie können Ihr benutzerdefiniertes Layout auf der Admin-Seite unter Content-> Pages -> Add New Page -> Design überprüfen

Vielen Dank für diese zu lesen.