magento布局layout-创建Block

7天成为Magento系统架构师,现在开始学习Magento全栈开发!

《Magento2.X企业级开发实战》

magento布局layout-创建Block

创建块
使用 指令创建(声明)块。

示例:添加带有产品 SKU 信息的块。

<block class="Magento\Catalog\Block\Product\View\Description" name="product.info.sku" template="Magento_Catalog::product/view/attribute.phtml" after="product.info.type">
  <arguments>
    <argument name="at_call" xsi:type="string">getSku</argument>
    <argument name="at_code" xsi:type="string">sku</argument>
    <argument name="css_class" xsi:type="string">sku</argument>
  </arguments>
</block>

使用它所属的模块的名称声明模板属性:template="_::path-to-template.phtml"。 遵循这种方法可以避免模板渲染失败,并使开发人员更容易找到和导航到模板文件。

设置body属性
要为 HTML body 标记设置属性,请使用 指令。

示例:在 body 标签中添加一个新类。

 <body>
        <attribute name="class" value="my-new-body-class"/>
 </body>

示例:向 body 标记添加自定义属性。

<page>
    <body>
        <attribute name="data-role" value="my-body-role"/>
    </body>
</page>

示例:在 body 标签中添加一个 id。

<page>
    <body>
        <attribute name="id" value="my-new-body-id"/>
    </body>
</page>

不建议在具有更广泛影响的布局文件(例如 default.xml)中设置 body id。

示例:向 body 标签添加内联样式。

<page>
    <body>
        <attribute name="style" value="opacity:0;"/>
    </body>
</page>
如无特殊说明或标注,任何个人或组织,复制、转载、采集本站内容请注明:
本文来源于:【Magento中文网】,并添加本文地址链接。
如未按上述操作复制或转载,本站有权追究法律责任。
若本站内容侵犯了原著者的合法权益,可联系我们进行处理。