引用 Magento 2 中的容器:包含的示例

redmaomail 2024-07-24 18:18 阅读数 63 #Magento

红帽云邮外贸主机

  • 要更新容器,您可以使用 <referenceContainer>。 

例如:向页眉面板添加链接。

<referenceContainer name="header.panel">
   <block class="Magento\Framework\View\Element\Html\Links" name="header.links">
       <arguments>
           <argument name="css_class" xsi:type=" string">标题链接</argument>
       </arguments>
   </block>
</referenceContainer>

  • 要创建包装 div 或块,您可以使用容器。 

例如:将容器添加到页脚容器中并在前端显示。

<referenceContainer name="footer">
   <container name="some.container" as="someContainer" label="Some Container" htmlTag="div" htmlClass="some-container">
      <block class="Magento\Cms\ Block\Block" name="footer_top">
           <arguments>
                <argument name="block_id" xsi:type="string">footer_top</argument>
           </arguments>
      </block>
  </container>
</referenceContainer>

  • 要将类添加到现有容器中: 

<referenceContainer name="page.wrapper" htmlClass="my-new-page-wrapper-class second-class"/>

*注意referenceContainer 部分将覆盖被引用容器的类。

要为现有容器添加 id,您可以使用 htmlID 标记,如下所示: 

<referenceContainer name="page.wrapper" htmlId="MyWrapper"/>

 


红帽云邮外贸主机

分享到:
版权声明:本站内容源自互联网,如有内容侵犯了你的权益,请联系删除相关内容。
    红帽云邮外贸主机
热门
    红帽云邮外贸主机
    红帽云邮外贸主机