xpanded category tree for drop down menu

After tinkering for hours i discovered how to have a fully expanded category tree on the drop down. All css, no category generator(s).

Now you can hover over the level 1 top category, the menu drops down and you now have a category menu with all of the categories, sub categories and their sub categories expanded.

I'll provide a link to a test site of mine with this working for anyone interested, please remember i have'nt started to style this yet but basicly you can have any width etc etc, but i will update when i have done some more work on it.

https://www.gearsofwargear.com

pretty interested on this project . :D

I have it working on the link in my first post, please be my guest and add to any styling suggestions etc.

i would prefer for the menu to be smaller in height .. more column . and tide to jquery for nice menu effects ???
if you need a jquery example , let me know .. i can give you a site .

This can be used with jquery no problems.

I have only changed two of the products on this site. Other than those two products everything is standard zencart install. All of the products and sub's and their sub's are all from the install.

I left it like this to get the template right.

However this menu can be made wider, you can have jquery effects if you like, but the real advantage is because the category menu is totally dynamic.

great ..
this is the site for jquery effect and mega menu solution .. tried to add this to stock dropdown menu but i had no success in short while that i tried .

http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/

Just in the midst of styling this to see what can be done but i'll take a look at the jquery later.

It looks however like all you would have to do to get that jquery affect to work is copy the jquery file into the includes/modules/pages/index.php and then put the jquery call in your html header.

As soon as i'm happy with the css i'll take a look.

that would be great :D

Just for your info. On IE7 the menu's pop up behind the image and cannot be seen, seems ok on IE8 though.

LOL, i was getting to IE7, i lost a lot of stuff on my laptop and IE7 was one of them. I can't seem to find a download for it now. Don't suppose you could point me in the right direction and i will sort any IE7 layout issues. Thanks in advance.

If you already have IE8 installed, why don't just use compatibility view to emulate IE7?

I was always led to believe that it was not quite the same thing. Even though compatibility mode is a very good guide, it is not exactly the same as IE7.

Hi, I've been looking for a way to use the mega drop down menu with my site. If you don't mind me asking, how did you set up the links to dynamically populate the drop down?

I did'nt, i have not used the mega menu, i've used the standard drop down menu.

The mod already incorporates this, what i did is expand the sub cat's and their sub cat's etc, and then displayed them 3 columns wide.

tony_sar:

great ..
this is the site for jquery effect and mega menu solution .. tried to add this to stock dropdown menu but i had no success in short while that i tried .

http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/
Although the Tanaka Mega-menu is well done it does not meet with Accessibility Standards. If Javascript is turned off it does not work. A better example which does meet Accessibility Standards is: http://www.whitehouse.gov/ .

Although Mega-menus are the new way to code drop-down menus, I know from my own experience they are a ########## to work with... no matter how you code it. :wink:

The second example listed above can be done with minor difficulties with the drop down menu from the free add-ons. The css is the hardest part, the rest pretty simple.

first trading:

The second example listed above can be done with minor difficulties with the drop down menu from the free add-ons. The css is the hardest part, the rest pretty simple.

Any chance you might wrap this bad boy into a "Free Add On" or provide a zip file of the whole package available for download? :bigups:

[url:

www.gearsofwargear.com[/url]

Hi. Could you explain how you managed to achieve the multi level menu of the above URL. I have searched for hours to no avail.

Many thanks

deepfreeze:

Hi. Could you explain how you managed to achieve the multi level menu of the above URL. I have searched for hours to no avail.

Many thanks

I have all the files zipped up and incorporated in the drop down menu ad-on, if you want the files i can send them.

It will look exactly the same as the drop down menu ad-on but the category's will be three columns accross (you can have as many or as few as you like though). Then you can just go ahead and customize as you please.

I simply used a background image for the opacity on the above url.

This menu looks great! Is there any chance you could release this as an add-on.

Thank you
Anthony