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
Obrigado por ler este.