Magento – How to remove container from homepage only

custom-thememagento2page-layouts

I added div(container) in every page except homepage like this

<main>
        <div class="myclass">
              all content here
        </div>
    </main>

I tried update layout from admin and cms_index_index.xml file by using remove tag but doesn't work for me. I only need to remove that container class or div not all child blocks & containers

Let's consider my container in my empty.xml (override).

<container name="container_name" htmlClass="myclass" htmlTag="div"/>

It's come as I want but I don't want it on homepage

How can I remove that container from homepage.

Best Answer

You can remove class by this way:

Go to your admin panel > cms home page. There is one tab DESIGN and in this tab add your XML code in Layout Update XML area.

<referenceContainer name="container_name" htmlClass="">

Keep empty so it will remove the class.

Run command:

php bin/magento cache:flush

Related Solutions

Magento – Is it possible to remove elements in a page layout in Magento2

What about:

creating a new container (instead of a block)
move your blocks to the container
remove the container

Something like this:

<container name="delete" htmlTag="div" htmlClass="delete"/>

<move element="category.image" destination="delete"></move>
<move element="category.description" destination="delete"></move>
<move element="category.products" destination="delete"></move>
<move element="page.main.title" destination="delete"></move>

<referenceContainer name="delete" remove="true" />

Magento 2 – Remove CMS Content from Homepage

So my solution to keep the meta content working from the CMS page but removing the cms content from the page goes like this:

<!-- remove page title -->
<referenceBlock name="page.main.title" display="false"/>
<!-- remove cms content block (but keep the cms part so meta data can be updated) -->
<referenceBlock name="content" display="false"/>

<!-- add new homepage content -->
<referenceContainer name="main">
    <container name="home.content" htmlTag="div" before="-">
        <block class="Magento\Framework\View\Element\Template" name="block1" template="Magento_Cms::home/block1.phtml" />
        <block class="Magento\Framework\View\Element\Template" name="block2" template="Magento_Cms::home/block2.phtml" />
        <block class="Magento\Framework\View\Element\Template" name="block3" template="Magento_Cms::home/block3.phtml" />
        <block class="Magento\Framework\View\Element\Template" name="block4" template="Magento_Cms::home/block4.phtml" />
    </container>
</referenceContainer>

Best Answer

Related Solutions

Magento – Is it possible to remove elements in a page layout in Magento2

Magento 2 – Remove CMS Content from Homepage

Related Topic