¿Cómo crear un diseño personalizado para páginas CMS en Magento 2?

En este artículo, aprenderemos cómo crear un diseño de páginas CMS personalizado para nuestras páginas cms. Vamos a crear un diseño personalizado llamado Knowband Layout.

Magento nos proporciona el siguiente diseño: -> Vaciar -> Columna 1 -> Columnas 2 con barra izquierda -> Columnas 2 con barra derecha -> Columnas 3 Si desea crear su propio diseño personalizado para las páginas cms o algunas páginas específicas, entonces necesitas enfocarte en los siguientes pasos:

Paso 1:

Cree el archivo <Vendor_Name> / <Module_Name> /view/frontend/page_layout/kb_layout.xml. Este archivo definirá el diseño de su diseño personalizado.

<? 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 "/> <! - puedes cambiarlo como 2columns-left o 3columns etc -> <referenceContainer name =" page.wrapper "> <container name = "header.container" as = "header_container" label = "Page Header Container"

Paso 2:

Cree <Vendor_Name> / <Module_Name> /view/frontend/layouts.xml. Este archivo registrará el diseño personalizado. <? 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 "> Disposición de banda de conocimiento </label> </layout> </page_layouts>

Después de crear estos dos archivos, borre la memoria caché y su diseño personalizado se agregará a la lista de diseños. Puede verificar su diseño personalizado en el lado de administración en Contenido-> Páginas -> Agregar nueva página -> Diseño

crear un diseño personalizado

Gracias por leer esto.


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 *