xpanded category tree for drop down menu

[first trading]

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.

www.gearsofwargear.com

[tony_sar]

pretty interested on this project .

[first trading]

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

[tony_sar]

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 .

[first trading]

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.

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

[deepfreeze]

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

[first trading]

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.

[Anthony H]

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

Thank you
Anthony

[first trading]

As requested, here is the zip. If the mods want i can answer any questions on a support thread, or this one.

This will look the same as the regular drop down, with the exception of categories being in three columns. I have seperated the categories form the other drop downs, added some basic hover and cleaned up the css a little.

In addition all of the extra css and coding required is included.

There are a few new div's but all the files are the same as the regular drop down and all you need to do is copy over them. BACKUP BEFORE YOU DO ANYTHING. If your unsure, message me first.

If you've already modified any of these files then i'd suggest you merge them and not copy over them.

A basic demo is here:
http://www.andy-wood.com

And a customized version is here:
http://www.gearsofwargear.com

You may have to change some of your categories sort orders to get the exact layout you want.

Any questions just message me.