CSS Dropdown menu for the header- With Categories!

[helpme]

I do not know if this is possible, but I am going to ask anyways...I would like to change the color of the Shopping Cart section? Is there any way to do this? Thanks a ton!

[jettrue]

I do not know if this is possible, but I am going to ask anyways...I would like to change the color of the Shopping Cart section? Is there any way to do this? Thanks a ton!

Can you be more specific? The shopping cart page? The background behind the shopping cart? The shopping cart itself? But whatever it is, the answer is YES, you can do most whatever you want with css.

[helpme]

Can you be more specific? The shopping cart page? The background behind the shopping cart? The shopping cart itself? But whatever it is, the answer is YES, you can do most whatever you want with css.

On the actual menu I want
Home Catagories Information Contact Us My Account SHOPPING CART
I want the background of the menu (only for Shopping Cart) to change to pink and leave the font white.

Does that make sense? I want to point out the link to the shopping cart.

Thanks

[bluealice]

Hi Jade, Not sure if you had an answer/suggestion for this. I'm re-posting in case you missed the thread, or my phrasing wasn't too clear: Is it possible to place matching end-cap images on each side of the drop-down menu in order to create a "rounded" corners effect on the ends? Like adding a cell on each end to hold a .gif image...? Here's what I mean: http://www.musecards.com/store/DropDown.gif (If anyone else on this board has figured out how to do this, please let me know. Thanks!)

[possum]

Hi (to everyone, but mainly jettrue)

I'm sorry to ask this question when you've only just recently covered this off with mauryg. I've double-checked everything that you've mentioned so far and I still can't get the menus to work on IE6.

This question is doubly cheeky because I'm actually using the horizontal version that was contributed by someone else. I'm posting this here because you seem to be using the same techniques and your responses are so helpful.

So far I have:
* Added the extra .htaccess code to the bottom of the root/includes/.htaccess file (I also added it to root/.htaccess because I wasn't sure where it was supposed to go)
* Made sure that the extra css file starts with
body {
behavior: url(includes/csshover.htc);
}
* Made sure that V2.02.060206 of csshover.htc is in the root/includes directory

Are there any other things that I need to do? Any help would be great because i was supposed to be launching the site tomorrow Here's the site www.possumbooks.com

Possum.

P.S. My template is built on Cherry Zen --- thanks for the HUGE headstart.

[jettrue]

Hi (to everyone, but mainly jettrue)

I'm sorry to ask this question when you've only just recently covered this off with mauryg. I've double-checked everything that you've mentioned so far and I still can't get the menus to work on IE6.

This question is doubly cheeky because I'm actually using the horizontal version that was contributed by someone else. I'm posting this here because you seem to be using the same techniques and your responses are so helpful.

So far I have:
* Added the extra .htaccess code to the bottom of the root/includes/.htaccess file (I also added it to root/.htaccess because I wasn't sure where it was supposed to go)
* Made sure that the extra css file starts with
body {
behavior: url(includes/csshover.htc);
}
* Made sure that V2.02.060206 of csshover.htc is in the root/includes directory

Are there any other things that I need to do? Any help would be great because i was supposed to be launching the site tomorrow Here's the site www.possumbooks.com

Possum.

P.S. My template is built on Cherry Zen --- thanks for the HUGE headstart.

In the categories_menu.css, it starts like this:

*/body {
behavior: url(includes/csshover.htc);
/* WinIE behavior call */}

remove the */ right before body, see if that helps.

And the .htaccess changes only need to be in root/.htaccess

Cute site!

[jettrue]

On the actual menu I want
Home Catagories Information Contact Us My Account SHOPPING CART
I want the background of the menu (only for Shopping Cart) to change to pink and leave the font white.

Does that make sense? I want to point out the link to the shopping cart.

Thanks

Sure, since the shopping cart link is already using the style "noLine" you can style it however you want in the stylesheet. Try adding this to your stylesheet_header_menu.css:

div#dropMenu li a.noLine {background-color:#d3bacd;}

Of course using whatever color you prefer.

[jettrue]

Hi Jade, Not sure if you had an answer/suggestion for this. I'm re-posting in case you missed the thread, or my phrasing wasn't too clear: Is it possible to place matching end-cap images on each side of the drop-down menu in order to create a "rounded" corners effect on the ends? Like adding a cell on each end to hold a .gif image...? Here's what I mean: http://www.musecards.com/store/DropDown.gif (If anyone else on this board has figured out how to do this, please let me know. Thanks!)

Sure, its possible, though I don't know how easy. What I would do is give the first and last menu item its own css style, maybe like this:

In includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php, change this:

<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>

to this:

<li class="submenu" id="leftCap"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>

and then change the last link:

<li class="submenu" id="rightCap"><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
</ul>
</li>
<?php } else { ?>
<li id="rightCap"><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>

And then in the css, give #leftCap and #rightCap their own background images.

Your menu is still broken into two lines in Firefox... I posted some new css here:
http://www.zen-cart.com/forum/showpo...&postcount=484

which should fix the issue.

[helpme]

Sure, since the shopping cart link is already using the style "noLine" you can style it however you want in the stylesheet. Try adding this to your stylesheet_header_menu.css:

div#dropMenu li a.noLine {background-color:#d3bacd;}

Of course using whatever color you prefer.

Ok, that worked, however as strange as this is it only stays that way if something isn't in the shopping cart.
I actually have another question not related but I am sure you will know what to do! My wordpress side box is missing the side frames. Where would this be?

Thanks your awesome.....

[jettrue]

Ok, that worked, however as strange as this is it only stays that way if something isn't in the shopping cart.
I actually have another question not related but I am sure you will know what to do! My wordpress side box is missing the side frames. Where would this be?

Thanks your awesome.....

In includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php, make sure the shopping cart section looks like this (see the class="noLine" in two places):

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
            <li class="submenu"><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
              <ul class="level2">
                <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
              </ul>
            </li>
            <?php } else { ?>
            <li><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
            <?php } ?>

I would contact the wordpress sidebox creator about that. IT looks like the wordpress sidebox is missing the usual zencart tag of :

class="sideBoxContent"

That is what controls the side frames in the template you are using.