CSS Dropdown menu for the header- With Categories!

Haha, yep that worked magic! Thanks lots!!

Hi jettrue and this awesome community. First, props to jettrue for this awesome contribution, a quick and painless install, and it worked right off the bat. Looks fine in IE and Ffox.

So, with my project site, I have to make the navigation to ONLY be categories. I was first elated to see that someone on page 3 mention this request, but as I read through all the way to page 18, it was never responded to. My site is in a private IP space right now and is not viewable to the public.

That user who first brought up the question was jtschrade, and he said: "I want to edit this so that the drop down menu is only showing the categories in my catalog (each category name showing horizontally across the top of the website and not showing any of the other stuff listed in the default settings). I'm not sure how to to do that. Any help would be great."

And that is EXACTLY what I need my flyout navigation to do. I know that I can remove all the unnecessary links in the tpl file, and if I wanted to make the main categories be the ones going horizontally and the subcats vertically, don't I need to somehow edit the code in the tpl file below to that formats the HTML to comply with the css structure?

$menulist = str_replace('"level4"','"level5"',$menulist);^M
 $menulist = str_replace('"level3"','"level4"',$menulist);^M
 $menulist = str_replace('"level2"','"level3"',$menulist);^M
 $menulist = str_replace('"level1"','"level2"',$menulist);^M 
 $menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);^M
 $menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);^

Again, thanks for your great support and attitude towards this contribution, and I am thanking you in advance.

Hm, I should have read your post first in the last page, about Paul's mod. His looks good and all, but yours is much faster, and isn't buggy in IE6... but let me try his mod first (this one http://www.zen-cart.com/index.php?ma...roducts_id=523 ) and see if I can get it stable, thanks!

I'm just going to post what I did here, maybe someone can benefit. So basically I installed jettrue's contribution 100%, but I wanted the "content" of the navigation to only be categories. I looked at the other mod by Paul, but didn't like the sluggishness of it in IE6. But after a few tries, I got to keep the quick responsiveness of jettrue's contribution, and the no-hassle of the .htc and .htaccess nightmare that was required with Paul's mod.

What I did was, I installed jettrue's original contribution, got it working correctly. Then took Paul's mod, uploaded ONLY the template file (a lot of it was commented out), and the class file, and voila. It works perfectly in IE6 and Firefox.

Hey quick question, would anyone know why on the main page http://shop.dgbremner.com

The drop down menu is being cut off by that java slideshow in IE and not firefox?

Homicide:

Hey quick question, would anyone know why on the main page http://shop.dgbremner.com

The drop down menu is being cut off by that java slideshow in IE and not firefox?

Are you still having this issue?

jettrue:

Are you still having this issue?

Yeah I resorted to adding more text above the slideshow so that the menus don't drop into it anymore. I would appreciate some help with the problem though.

Homicide:

Yeah I resorted to adding more text above the slideshow so that the menus don't drop into it anymore. I would appreciate some help with the problem though.

It's probably a z-index issue, and IE probably has a default z-index for java slideshows whereas firefox doesn't. Perhaps you can wrap that slideshow in a div, and give that div a z-index of 0, and see if that does the trick.

Jade -
Thank you for this wonderful mod.
I'm still making adjustments, but I've got one major problem. Somehow, the Mod has forced my logo graphic into a squished up mess (in FF and IE7 both). I'd originally removed your mod because I couldn't figure out how to fix this... and installed the "other" one (which didn't squish my logo).... but the other one was far too much of a problem (I have a lot of categories and it became 3 lines deep!) for that mod.

Please share your wisdom... I've hunted through all 37 pages, and although I saw a similar problem mentioned, I couldn't find the solution for it.

Moebiusenterprises:

Jade -
Thank you for this wonderful mod.
I'm still making adjustments, but I've got one major problem. Somehow, the Mod has forced my logo graphic into a squished up mess (in FF and IE7 both). I'd originally removed your mod because I couldn't figure out how to fix this... and installed the "other" one (which didn't squish my logo).... but the other one was far too much of a problem (I have a lot of categories and it became 3 lines deep!) for that mod.

Please share your wisdom... I've hunted through all 37 pages, and although I saw a similar problem mentioned, I couldn't find the solution for it.

Hmm, I'm not sure that it was the mod, since it looks like you don't have your height and width (180 x 795) for your logo set in includes/languages/english/YOUR_TEMPLATE/header.php

My mod doesn't include that file. Perhaps your previous includes/templates/YOUR_TEMPLATE/common/tpl_header.php had a different way of handling your logo, which didn't require the height and width set in the language file. So either you need to fix the language file I mentioned above, or follow the readme.txt instructions for this mod on what to do if you have a heavily modified tpl_header.php. :cool:

jettrue:

Hmm, I'm not sure that it was the mod, since it looks like you don't have your height and width (180 x 795) for your logo set in includes/languages/english/YOUR_TEMPLATE/header.php

My mod doesn't include that file. Perhaps your previous includes/templates/YOUR_TEMPLATE/common/tpl_header.php had a different way of handling your logo, which didn't require the height and width set in the language file. So either you need to fix the language file I mentioned above, or follow the readme.txt instructions for this mod on what to do if you have a heavily modified tpl_header.php. :cool:

Thank you!!!!
That was just... odd. You were exactly correct, and I have absolutely no idea why that occurred.

Your mod is fantastic, and I'm very grateful.

Two more tiny problems --
After following (I think) all the steps from previous posts regarding these two items, I'm still having the issues:

1. Can't seem to get rid of the last white line on the right (with the dropdown going 100%, it's a very tiny line.... but I suppose I'm just too picky)

2. ez pages still aren't showing up on the dropddown.

I'm sure I've missed something in the 30-odd pages of support (probably the most/best supported mod I've installed, BTW!)

Thanks!

Moebiusenterprises:

Two more tiny problems --
After following (I think) all the steps from previous posts regarding these two items, I'm still having the issues:

1. Can't seem to get rid of the last white line on the right (with the dropdown going 100%, it's a very tiny line.... but I suppose I'm just too picky)

2. ez pages still aren't showing up on the dropddown.

I'm sure I've missed something in the 30-odd pages of support (probably the most/best supported mod I've installed, BTW!)

Thanks!
Thanks for the compliment, btw...

1. I added a .noLine style to the css, this means you can add that class to a certain drop down menu item, and the 1px right white line will go away. So you can open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and change this:

to this:

2. From the readme, hope it helps:

4. I've added the ability to have your ezpages automatically shown in the INFORMATION drop down menu. To get this to work, follow these steps:

--> go to your admin, and go to "Tools", "Layout Boxes controller". There should be a new sidebox (ezpages_drop_menu.php). You must turn the SINGLE COLUMN STATUS TO ON, leave the LEFT/RIGHT COLUMN STATUS off.

--> Under "Tools", "EZPages", make sure the ezpages are set to ON for the header. The sort orders also have to be greater than "0".

--> If you want to have the regular zen cart horizontal header bar off, go to "Configuration", "EZPages Settings", and turn the header bar display status to off (0).

Thanks for the quick reply!
Got the ezpages issue fixed (as well as a logo issue in IE7 that I created myself DUH!)

Still can't seem to get rid of the white line, and I think I've followed all the steps. Could it be something in a cache somewhere? I've cleared my local cache, but that doesn't help.

Again, it's a pretty tiny issue in a hugely great mod.

Thanks

Moebiusenterprises:

Thanks for the quick reply!
Got the ezpages issue fixed (as well as a logo issue in IE7 that I created myself DUH!)

Still can't seem to get rid of the white line, and I think I've followed all the steps. Could it be something in a cache somewhere? I've cleared my local cache, but that doesn't help.

Again, it's a pretty tiny issue in a hugely great mod.

Thanks

The changes must not have been uploaded correctly, as when I view the source of your site I see this:

Check through the steps again. :smile:

Ok, I'm feeling really stupid right now. :blush:
I'm starting to think I went crosseyed when I was working on this. Somehow, the correct file didn't get uploaded correctly.

Fixed now.:clap:

I looooove this mod. Where else can you get such cool flyouts and get them to match your cart pretty easily? And hands-down the best support.

Thank you!!!

Jade-
Is there some simple code 'switch' I'm missing, to put the "Page_1" (2, etc) into the "Information" drop down?

Thanks!

:smile:

Moebiusenterprises:

Jade-
Is there some simple code 'switch' I'm missing, to put the "Page_1" (2, etc) into the "Information" drop down?

Thanks!

:smile:

No simple switch for those, but you could simply hardcode the links into the information dropdown....

jettrue:

No simple switch for those, but you could simply hardcode the links into the information dropdown....

urk:unsure:

Easier said than done. (for me, at least).

Basing the script on what's there, I went with this:

            <li><a href="<?php echo zen_href_link(define_PAGE_2); ?>"><?php echo BOX_INFORMATION_PAGE_2; ?></a>'</li>
              <li><a href="<?php echo zen_href_link(define_PAGE_3); ?>"><?php echo BOX_INFORMATION_PAGE_3; ?></a>'</li>
            <li><a href="<?php echo zen_href_link(define_PAGE_4); ?>"><?php echo BOX_INFORMATION_PAGE_4; ?></a>'</li>

First, it gives me a strange "dot" after each listing name, but more importantly, the links just go back to the main page without changes :(

I've taken it off the site at the moment, because it's confusing and unsightly.

If there's a simple bit of coding I'm not understanding, could someone let me know? Otherwise, I suppose I'll leave them separate (as I really don't want to go to the extreme of re-making the pages in ezpages)

Thanks!

Ok... played with it a bit, and have it working! :clap:

Thanks!