MegaDropdown with MenuManager [SOLVED]

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
uniqu3

MegaDropdown with MenuManager [SOLVED]

Post 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.
Last edited by uniqu3 on Tue Mar 23, 2010 12:57 pm, edited 1 time in total.
henson
Forum Members
Forum Members
Posts: 20
Joined: Mon Sep 17, 2007 11:17 pm

Re: MegaDropdown with MenuManager

Post 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}
uniqu3

Re: MegaDropdown with MenuManager

Post 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 :-)
Locked

Return to “Layout and Design (CSS & HTML)”