Hide a <div> in JUST the home page..

So I'm trying this code to hide a <div> on JUST on the home page:

<?php    
if ($this_is_home_page) {
echo "<style>#ez-feature-top-container-wrap {display: none;}</style>";
} 
?>

To my dismay it works on EVERY page.. What did I miss/do wrong here??? :frusty:

The code itself looks OK, but where are you using that? In a template file (should work)? In a function (it'll need a global $this_is_home_page; definition). Is it in an initialization file where the variable has not yet been set?

lat9:

The code itself looks OK, but where are you using that? In a template file (should work)? In a function (it'll need a global $this_is_home_page; definition). Is it in an initialization file where the variable has not yet been set?

I'm using it in a template file:
includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php

Using this code later on the page to show the slideshow on the home page and it works fine

<?php    
if ($this_is_home_page) {
echo do_shortcode("[huge_it_slider id='1']");
} 
?>

have you tried dropping this into the bottom of the stylesheet?

#indexHomeBody #ez-feature-top-container-wrap {display:none}

that or something like that should work as the only place #indexHomeBody exists is the homepage

barco57:

have you tried dropping this into the bottom of the stylesheet?

#indexHomeBody #ez-feature-top-container-wrap {display:none}

> that or something like that should work as the only place #indexHomeBody exists is the homepage

Except I WANT this code to display on the home page, but nowhere else...

DivaVocals:

Except I WANT this code to display on the home page, but nowhere else...

use the same thing but with display:block !important;

Thanks,

Anne

I'm confused.....

So I'm trying this code to hide a <div> on JUST on the home page
So you want to hide #ez-feature-top-container-wrap on the homepage only according to the first post right?

picaflor-azul:

use the same thing but with display:block !important;

Thanks,

Anne

If this is what you meant, this didn't work either..

<?php    
if ($this_is_home_page) {
echo "<style>#ez-feature-top-container-wrap {display:block !important;}</style>";
} 
?>

The code now displays on all pages.. I only want to display it on the home page..

DivaVocals:

If this is what you meant, this didn't work either..

> 
> The code now displays on all pages.. I only want to display it on the home page..

No, I meant to add the code to the stylesheet

Thanks,

Anne

I tried this in tpl_main_page.php

Completely hides the Logo Wrapper on home page only.

Also works removing the logo but maintaining the space

DivaVocals:

So I'm trying this code to hide a <div> on JUST on the home page:

> 
> To my dismay it works on EVERY page.. What did I miss/do wrong here??? :frusty:


I think the 1st thing to do would be to determine the value of  "$this_is_home_page" isn't somehow being set when NOT the home page.  

The other thing I might try would be to add an 'else' condition to the code so that it explicitly outputs something like 
echo "<style>#ez-feature-top-container-wrap {display: block;}</style>" if NOT the home page.  

Cheers
RodG

barco57:

I'm confused.....

So you want to hide #ez-feature-top-container-wrap on the homepage only according to the first post right?

Sorry mistated in OP.. wanna DISPLAY it.. JUST on the home page..

RodG:

I think the 1st thing to do would be to determine the value of "$this_is_home_page" isn't somehow being set when NOT the home page.Right.. except as I indicted earlier I am also using the $this_is_home_page on the same page to display the slideshow ONLY on the home page and that code works just fine..

RodG:

The other thing I might try would be to add an 'else' condition to the code so that it explicitly outputs something like
echo "<style>#ez-feature-top-container-wrap {display: block;}</style>" if NOT the home page.

Good morning.. Looks like we had the same idea Rod.. After thinking about this overnight I too realized that this was the answer.. So I changed my code as follows:

<?php    
    if ($this_is_home_page) {
        echo "<style>#ez-feature-top-container-wrap {display:block !important;}</style>";
            } else {
        echo "<style>#ez-feature-top-container-wrap {display:none;}</style>";
    }
?>

Now the container displays on the home page ONLY. Thanks everyone for the tips and pointers.. Put it all together and it got me moving in the right direction.. Gotta love the Zen Cart community!!

DivaVocals:

Good morning.. Looks like we had the same idea Rod.. After thinking about this overnight I too realized that this was the answer..

If this a case of great minds thinking alike, or fools never differ? <g>

Hmmm. Better not answer that...

Cheers
RodG

RodG:

If this a case of great minds thinking alike, or fools never differ? <g>

Hmmm. Better not answer that...

Cheers
RodG

:laugh: I'll go with the former..

I'm cuious why all the extra coding rather than using the appropriate css stylesheet for the div tag to be shown when on the index page and hidden at all other times?

mc12345678:

I'm cuious why all the extra coding rather than using the appropriate css stylesheet for the div tag to be shown when on the index page and hidden at all other times?

Because I can't use the page specific stylesheets to NOT display the container on ALL pages EXCEPT the home unless I'm willing to create a GAZILLION page specific stylesheets whose only purpose would be to support not displaying this one container.. and I did NOT want to create a bunch of stylesheets just to support NOT displaying this one div..

Happy to be proven wrong if you have a solution that doesn't require me to create a GAZILLION stylsheets to simply NOT display this container on the rest of the site..

Remember I want it to DISPLAY on the homepage and NOT on the rest of the site..

Why not just wrap the entire container in the if statement, no need for CSS

rbarbour:

Why not just wrap the entire container in the if statement, no need for CSS

<?php if ($this_is_home_page) { echo '<div id="ez-feature-top-container-wrap">'; echo 'Content of Container'; echo '</div>'; } else { echo ''; } ?>

The code is coming from WordPress.. Hence why I HAVE to use the CSS to hide this container.. I could hire a developer to write a bunch of code to do this with code and no CSS.. This was a simpler solution.. and it works so I don't see the downside here.. Happy to be proven wrong though..:smile:

Not my intentions, I also agree that their is no downside, just giving alternatives and suggestions. :P

DivaVocals:

The code is coming from WordPress.. Hence why I HAVE to use the CSS to hide this container.. I could hire a developer to write a bunch of code to do this with code and no CSS.. This was a simpler solution.. and it works so I don't see the downside here.. Happy to be proven wrong though..:smile: