CSS Dropdown menu for the header- With Categories!

[cmessa]

Thanks, that worked great. I appreciate the help!!

[DogTags]

1. Open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and remove the "class="submenu" from top-level items without sub items. So the contact us link would change to this:

<li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>

2. Add this to the header_menu css file:
div#dropMenu li.submenu li.submenu {background: none;}

OR, you could use the image attached to have arrows pointing right to designate further subcategories, with this css:

div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95&#37; 50% no-repeat;}

Much better!

The only thing it doesn't seem to work with is the conditional menu items like the following:

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

Even if there are no items in the cart, the down arrow still displays in the top Shopping Cart link.

Other than that, this menu is totally great

Thanks super much

[jettrue]

Much better!

Even if there are no items in the cart, the down arrow still displays in the top Shopping Cart link.

Will look into that more later. :-)

[jettrue]

Even if there are no items in the cart, the down arrow still displays in the top Shopping Cart link.

Other than that, this menu is totally great

Thanks super much

Okeedokee...

To fix this, we can just expand the conditionals so that if there are no items in the cart, they get the <li> and if there are items in the cart, they get the <li submenu

So, replace the whole shopping cart section with this:

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
      <li class="submenu"><a 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 href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
      <?php } ?>

LMK how it works for ya!

[Still Crazy]

Hi.

Great contribution, just what I had been looking for.

2 small problems however; Displays great in Firefox but in ie the dropdowns go behind the sideboxes and the centre content.
Secondly, although i have them turned off, gift certificate and newsletter unsubscribe links still appear in the information drop down. [they do not appear in the css flyout menu or standard categories sidebox in the same install]

Has anyone else had these problems, and if so, how did you resolve them.

TIA

[jettrue]

Hi.

Great contribution, just what I had been looking for.

2 small problems however; Displays great in Firefox but in ie the dropdowns go behind the sideboxes and the centre content.
Secondly, although i have them turned off, gift certificate and newsletter unsubscribe links still appear in the information drop down. [they do not appear in the css flyout menu or standard categories sidebox in the same install]

Has anyone else had these problems, and if so, how did you resolve them.

TIA

Can I see a link please? I have tested this in IE, without the issues you mention.

I don't have the newsletter and gift certificate links coded to turn off automatically, however that's a good idea, I'll work on that. In the meantime, you can open up includes/templates/YOUR_TEMPLATE/common/tpl_drop menu.php and just erase the one you don't want to show up.

[Still Crazy]

Hi Jade, thanks for your response.

Will remove the unwanted links as you suggest.

Site is still very new [and raw] still playing around with ideas etc. but here is the url: www.rgdistribution.co.uk

Browser is IE V6 [Firefox is fine].

Thanks again

[DogTags]

Okeedokee...

To fix this, we can just expand the conditionals so that if there are no items in the cart, they get the <li> and if there are items in the cart, they get the <li submenu

So, replace the whole shopping cart section with this:

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
      <li class="submenu"><a 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 href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
      <?php } ?>

LMK how it works for ya!

Yep, on the money, great! Thanks

[jettrue]

Hi Jade, thanks for your response.

Will remove the unwanted links as you suggest.

Site is still very new [and raw] still playing around with ideas etc. but here is the url: www.rgdistribution.co.uk

Browser is IE V6 [Firefox is fine].

Thanks again

Hello there!

I'm not having the same issue in IE on my site with the same menu, the only big difference I see is that I've removed the tables surrounding the main content.

Try adding this to your stylesheet, and let me know if this works:

#contentMainWrapper {z-index:0;}

[Still Crazy]

Hi Jade

Removed the tables and added the z-index =0 to the stylesheet but having exactly the same problem.

I will try a re install and see if that works, strange that you do not have the same on your site!

Thanks for trying.

Regards