Jak utworzyć niestandardowy układ dla stron CMS w Magento 2?

W tym artykule dowiemy się, jak utworzyć niestandardowy układ stron CMS dla naszych stron cms. Stworzymy niestandardowy układ o nazwie Układ Knowband.

Magento zapewnia nam następujący układ: -> Opróżnij -> kolumna 1 -> kolumny 2 z lewym paskiem -> kolumny 2 z prawym paskiem -> kolumny 3 Jeśli chcesz utworzyć własny niestandardowy układ dla stron cms lub niektórych konkretnych stron, to musisz skupić się na następujących krokach:

Krok 1:

Utwórz plik <Vendor_Name> / <Module_Name> /view/frontend/page_layout/kb_layout.xml. Ten plik definiuje projekt niestandardowego układu.

<? xml version = "1.0" encoding = "UTF-8"?> <layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: framework : Zobacz / Layout / etc / page_layout.xsd "> <update handle =" empty "/> <! - możesz zmienić uchwyt jak 2columns-left lub 3columns itp -> <referenceContainer name =" page.wrapper "> <nazwa kontenera = "header.container" as = "header_container" label = "Pojemnik nagłówka strony"

Krok 2:

Utwórz <Vendor_Name> / <Module_Name> /view/frontend/layouts.xml. Ten plik zarejestruje niestandardowy układ. <? 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 "> Knowband Layout </label> </layout> </page_layouts>

Po utworzeniu tych dwóch plików wyczyść pamięć podręczną, a niestandardowy układ zostanie dodany do listy układów. Możesz sprawdzić swój niestandardowy układ po stronie administratora w menu Content-> Pages -> Add New Page -> Design

utwórz-niestandardowy układ

Dziękuję za przeczytanie tego.


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 *