Page 1 of 1

MegaDropdown with MenuManager [SOLVED]

Posted: Fri Mar 12, 2010 7:04 pm
by uniqu3
Hi all,

currently i am working on a design and was wondering if following is possible and how, before i finish the design and get surprised.

I would like to create a MegaDropdown menu, something like in this tutorial http://www.sohtanaka.com/web-design/meg ... ss-jquery/
The difference to the tutorial would be that i want to use 3 level menu in CMSMS like:

Normal Navigation | Normal Navigation | Products (this would trigger megadropdown menu but would be set to separator)

- normal submenu                                - Mega Dropdown Submenu           - Mega Dropdown Submenu
                                                         
                                                           - Long list of 3rd level submenus        - Long list of 3rd level submenus

Now i am wondering how i could add id or class to "Products" so i can target the dropdown menu only to this link
(Something like if menu_text = products add class products)
And than wrap the submenus in a div to get these aligned as in example. Well the difference between example and my idea is that i want to assign pages to the categories listed and that the menu would show on one particular "separato" or "link" where it would be triggered with js to push down the page and show full width submenu and its children.

I hope i could express my self clear enough, i do get the idea how to do it with css, xhtml and jquery, don't ask me for code i am in mock up process but i need to know if this can be done in MenuManager this way.

Re: MegaDropdown with MenuManager

Posted: Tue Mar 23, 2010 12:01 pm
by henson
This is certainly doable in the menu manager!

Just add something like...

{if $node->alias == 'products'}class="products"{/if}

inside the anchor, div or whatever it is you want to assign the class to in the menu manager.  You could even use the alias as the class name too, meaning that every menu item has a different class associated with it...


{if $node->alias == 'products'}class="{$node->alias}"{/if}

Re: MegaDropdown with MenuManager

Posted: Tue Mar 23, 2010 12:56 pm
by uniqu3
Hi Henson,

thanks for the reply, i did know about assigning the alias class but wasn't sure about the {if $node->
Well i believe this answers my question :-)