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

[RodG]

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???

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

[DivaVocals]

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..

[DivaVocals]

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..

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!!

[RodG]

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

[DivaVocals]

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

Hmmm. Better not answer that...

Cheers
RodG

I'll go with the former..

[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?

[DivaVocals]

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..

[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 '';
}
?>

[DivaVocals]

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..

[rbarbour]

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

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..