Como criar um layout personalizado para páginas CMS no Magento 2?

Neste artigo, aprenderemos sobre como criar layout personalizado de páginas CMS para nossas páginas cms. Vamos criar um layout personalizado chamado Layout de Knowband.

Magento nos fornece o seguinte layout: -> Vazio -> coluna 1 -> colunas 2 com barra esquerda -> colunas 2 com barra direita -> colunas 3 Se você quiser criar seu próprio layout personalizado para as páginas cms ou algumas páginas específicas então você precisa se concentrar nos seguintes passos:

Crie o arquivo <Vendor_Name> / <Module_Name> /view/frontend/page_layout/kb_layout.xml. Este arquivo irá definir o design do seu layout personalizado.

<? xml version = "1.0" codificação = "UTF-8"?> <layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urna: magento: estrutura : View / Layout / etc / page_layout.xsd "> <handle update =" vazio "/> <! - você pode alterar o identificador como 2columns-left ou 3columns etc -> <referenceContainer name =" page.wrapper "> <container name = "header.container" como = "header_container" label = "Contêiner de cabeçalho de página"

Crie <Vendor_Name> / <Module_Name> /view/frontend/layouts.xml. Este arquivo registrará o layout personalizado. <? xml version = "1.0" codificação = "UTF-8"?> <page_layouts xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: estrutura : View / PageLayout /etc/layouts.xsd "> <layout id =" kb_layout "> <label translate =" true "> Layout de Knowband </ label> </ layout> </ page_layouts>

Depois de criar esses dois arquivos, limpe o cache e seu layout personalizado será adicionado à lista de layout. Você pode verificar seu layout personalizado no lado do administrador em Conteúdo-> Páginas -> Adicionar nova página -> Design

criar um layout personalizado

Obrigado por ler este.


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 *