ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   brettmjohnson
   Member

   I've attempting to build a complex menu system, which can be see from the link below.

   http://i56.tinypic.com/24q8kqp.jpg

   The four links to the right are the main navigation that is found in the header. When the user hovers or clicks (for touch screens) on the "Industries" link, the industries navigation should open to the left.

   What is the best way to implement this?

   It seems like there are two problems to tackle:

   First, how do I set up the secondary Industries navigation to display when the Industries link is hovered and/or clicked?

   Second, what's the best way to create the links in the industries navigation box? My first thought is to hard code the links to each page, as this would be easiest. But it would be better in the end to have those links populate from the existing Industries pages, so the client could add new pages easily. How would this done?

   I am considering the pageMash plugin to customize the displayed links in the main nav (Industries, Blog, About, Contact), but this may not be the best choice.

   I'm relatively new to Wordpress and Thematic, but it's pretty great so far.

   Any help is appreciated.

   Posted 12 years ago #
2. 

   brettmjohnson
   Member

   I think I may have found my answers. Tell me if this sounds correct.

   I found a tutorial on menus here:
   http://justintadlock.com/archives/2010/06/01/goodbye-headaches-hello-menus

   I would create a custom main nav, then several other custom navs for set categories which will be built into the div popup.

   But the problem remains of how to get that new popup menu to display when the "Industries" link is hovered or clicked. I'm guessing I'd have some javascript listening for hovering or clicking of the link (use a custom class for the link).

   Would this work? Better way?

   Posted 12 years ago #
3. 

   helgatheviking
   Moderator

   if you hard-code a custom menu i know you could use a jquery mega menu plugin. once upon a time i saw someone do a tutorial on what is called a "mega menu" with wordpress 3.0, but now i cannot find it anywhere.

   this might help:
   http://codecanyon.net/item/ubermenu-wordpress-mega-menu-plugin/full_screen_preview/154703

   it is a premium plugin, but $10 might be worth the amount of time you are probably going to spend to figure this out.

   Posted 12 years ago #
4. 

   Lasson
   Member

   One mega-menu-tutorial is here http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-jquery-drop-down-mega-menu-widget/

   Posted 12 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.