Knowband Blog | Ecommerce Modules

Come creare un layout personalizzato per le pagine CMS in Magento 2?

In questo articolo, scopriremo come creare layout di pagine CMS personalizzate per le nostre pagine cms. Creeremo un layout personalizzato denominato Knowband Layout.

Magento ci fornisce il seguente layout: -> Vuoto -> colonna 1 -> colonne 2 con barra sinistra -> colonne 2 con barra destra -> colonne 3 Se vuoi creare il tuo layout personalizzato per le pagine cms o alcune pagine specifiche allora è necessario concentrarsi sui seguenti passaggi:

Passo 1:

Crea il file <Nome fornitore> / <Module_Name> /view/frontend/page_layout/kb_layout.xml. Questo file definirà il design del tuo layout personalizzato.

<? xml version = "1.0" encoding = "UTF-8"?> <layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urna: magento: framework : Visualizza / Layout / etc / page_layout.xsd "> <update handle =" empty "/> <! - puoi cambiare il manico come 2columns-left o 3columns etc -> <referenceContainer name =" page.wrapper "> <container name = "header.container" as = "header_container" label = "Page Header Container"

Passo 2:

Crea <Vendor_Name> / <Module_Name> /view/frontend/layouts.xml. Questo file registrerà il layout personalizzato. <? xml version = "1.0" encoding = "UTF-8"?> <page_layouts xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urna: magento: framework : Visualizza / PageLayout / etc / layouts.xsd "> <layout id =" kb_layout "> <label translate =" true "> Knowband Layout </ label> </ layout> </ page_layouts>

Dopo aver creato questi due file, svuota la cache e il tuo layout personalizzato verrà aggiunto all'elenco dei layout. Puoi controllare il tuo layout personalizzato sul lato amministrativo in Contenuto-> Pagine -> Aggiungi nuova pagina -> Progettazione

Grazie per aver letto questo.