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 = "http://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 = "http://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

Create-a-custom layout

Grazie per aver letto questo.


Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *