Модуль Magento 2.phtml требовалась 100 % ширина по яркости

Question

Модуль Magento 2.phtml требовалась 100 % ширина по яркости

У меня есть модуль, который добавил контейнер в главное меню Luma.

Вот код:

<container name="area1" label="Your New Container" htmlTag="div" htmlClass="your-new-container" before="-">
    <block class="Magento\Framework\View\Element\Template" name="area1.block" template="Vendor_Module::area1.phtml"/>
</container>

Моя проблема в том, что мне нужно, чтобы он был 100% ширины. Смотрите изображение ниже:

Как я могу это сделать?

3

magento2 luma-theme

Author: user159500, 2016-09-28

Source

1 answers

score 2 · Accepted Answer

Вы можете ссылаться на контейнер, который имеет полную ширину, например, page.top , поэтому вы обернете свой код внутри контейнера page.top, который создаст контейнер полной ширины

<referenceContainer name="page.top">
<container name="area1" label="Your New Container" htmlTag="div" htmlClass="your-new-container" after="navigation.sections">
    <block class="Magento\Framework\View\Element\Template" name="area1.block" template="Vendor_Module::area1.phtml"/>
</container>
</referenceContainer>