系统学习magento二次开发，推荐小册：《Magento中文全栈二次开发 》
本小册面向Magento2以上版本，书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发，后端开发，magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。
在 Magento 2 中，可以通过创建新布局文件来自定义页面的布局和结构。新布局文件可以在主题或模块中进行定义，并使用 XML 元素来指定页面上的块、容器和其他元素。下面是一些 Magento 2 创建新布局的基本概念和代码示例：
定义布局文件
首先，需要在主题或模块中创建一个新的布局文件，以指定页面的布局和结构。布局文件通常保存在 app/design/frontend/MyVendor/mytheme/Magento_Catalog/layout/ 目录下，并使用 .xml 文件扩展名。布局文件的名称通常基于其作用，例如 default.xml 用于定义页面的默认布局。
指定页面布局
在布局文件中，可以使用 <page> 标记来指定页面的布局和结构。<page> 标记可以使用多种属性来指定页面的标识符、标题、处理程序和其他选项。下面是一个简单的 Magento 2 页面布局的代码示例：
<!-- File: app/design/frontend/MyVendor/mytheme/Magento_Catalog/layout/default.xml --> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <title>My Page Title</title> </head> <body> <referenceContainer name="content"> <block class="Magento\Catalog\Block\Product\ListProduct" name="category.products.list" template="Magento_Catalog::product/list.phtml"> <block class="Magento\Framework\View\Element\RendererList" name="category.product.type.details.renderers" as="details.renderers"> <block class="Magento\Framework\View\Element\Template" name="category.product.type.details.renderer.default" as="default"/> </block> </block> </referenceContainer> </body> </page>
在上述代码中，使用 <page> 标记来指定页面的布局和结构。在页面的 <head> 元素中，指定页面的标题为 My Page Title。在页面的 <body> 元素中，使用 <referenceContainer> 标记引用页面中的 content 容器，并使用 <block> 标记和其他 XML 元素来定义块和容器。在此示例中，定义了一个名为 category.products.list 的产品列表块，并包含了一个名为 category.product.type.details.renderer.default 的渲染器块。