I am customizing the Magento template and it is working so far. There is one thing i cannot do, though.
I have a Home Page with some nonsense content that I need to hide.
How can I do it? I tried with <referenceContainer name="content" remove="true"> defined in cms_index_index.xml, but all content area was removed, including a slideshow and featured products.
Any help will be greatly appreciated, thanks
Use CSS display: none rule: https://developer.mozilla.org/en-US/docs/Web/CSS/display
That would be possible if there is a HTML tag to be hidden. In this case, the HTML is:
<div class="column main"> <div class="magestore-bannerslider"> <div class="magestore-bannerslider"> </div> <input type="hidden" value="mc8DLg5cCmCPDL4R" name="form_key"> <div id="authenticationPopup" style="display: none;" data-bind="scope:'authenticationPopup'"> <div class="magestore-bannerslider"> </div> <div class="magestore-bannerslider"> </div> <p>Aquí va el texto de bienvenida al sitio.</p> </div>
<p>Aquí va el texto de bienvenida al sitio.</p>
<referenceBlock name="page.main.title" remove="true" />in cms_index_index.xml. I am wondering if there is an elegant way to hide the page content in home page the same way as I have done with title. I can also add a text with font color #fff or the HTML in the page body of the CMS but that would also be a trick.
"That would be possible if there is a HTML tag to be hidden."
<p> is a HTML tag too.
Just use a CSS combinator with p: http://www.w3schools.com/css/css_combinators.asp
It is not that simple as you think. I cannot do it without the possiblity to hide another element accidentally.
But never mind. I have set the page content to be:
It is tricky, but it worked :-)