Magento – Magento 2 – Add a new container

layoutlayout-updatemagento2xml

I'm trying to add a new container according to the Magento 2 documentation, but it isn't working. Here is what I'm trying:

<container name="some.container" as="someContainer" label="Some Container" htmlTag="div" htmlClass="some-container" />

I'm not seeing the markup anywhere after I refresh. Caching is off too.

Best Answer

Use the following code to add a new container in Magento 2:

<referenceContainer name="columns.top">
<container name="custom-content" as="custom-content" label="Page Custom
Content" htmlTag="div" htmlClass="custom-content">
<block class="Magento\Framework\View\Element\Template"
name="custom-content" template="Magento_Theme::html/custom-content.phtml" />
</container>
</referenceContainer>

Insert the above code in default.xml, path below:

path: /app/design/frontend/spacename/Theme/Magento_Theme/layout/default.xml

Create a file custom-content.phtml inside: path :

/app/design/frontend/spacename/Theme/Magento_Theme/template/html/custom-content.phtml

Related Solutions

Can’t Add Child Block to Product List in Magento – How to Fix

The issue here is the order in which the blocks are specified in the layout XML.

catalog_category_view is technically the right handle, BUT in that handle the product_list block doesn't exist (yet!).

The product_list block only gets created in the catalog_category_default and catalog_category_layered handles. (And those handles are specified later in the XML than catalog_category_view.)

In short, when all the layout XML gets merged, your reference to product_list won't get executed, because it doesn't exist yet at that point.

The solution is to add your block in both catalog_category_default and catalog_category_layered, OR, create your own custom handle, add your block in that handle, and use the <update> directive to include your handle in catalog_category_default and catalog_category_layered.

Hope that worked for you.

Magento – Magento Container not working in custom layout

The main problem is: <div class="slider-container" id="slider.container"></div> did not rendered when it have not any child element in it. You must set block in this container. Ex:

<container name="slider.container" htmlTag="div" htmlId="slider.container" htmlClass="slider-container" before="page.top">
     <block class="Magento\Framework\View\Element\Template" after="-" name="abc" template="PATH_YOUR_TEMPLATE" />
</container>

Or you can use <move> element with destination is 'slider.container' (name of container) to have child element in it.

Best Answer

Related Solutions

Can’t Add Child Block to Product List in Magento – How to Fix

Magento – Magento Container not working in custom layout

Related Topic