Making a 'mega' type menu with navigator templates

For questions and problems with the CMS core. This board is NOT for any 3rd party modules, addons, PHP scripts or anything NOT distributed with the CMS made simple package itself.
Post Reply
johnboyuk1
Forum Members
Forum Members
Posts: 192
Joined: Mon Nov 26, 2018 3:09 pm

Making a 'mega' type menu with navigator templates

Post by johnboyuk1 »

Has any one done this, or can give me any pointers on how to achieve it. Basically I need to end up with code like this:

Code: Select all

<li class="mega">
<a href="x.html">Navigation link</a>
<div class="dropdown">
<ul>

<li>
<ul>
<li>A link</li>
<li>A link</li>
</ul>
</li>

<li>
<ul>
<li>A link that shows in a second column</li>
<li>A link that shows in a second column</li>
</ul>
</li>

</ul>
</div>
</li>
So each ul nested within the list item can be styled to show in its own column within the main dropdown panel

I hope you can picture what I'm trying to describe!

The main point is how in a navigator template would I separate out pages to push them into ul column 1, column 2 etc when they are all just child pages at the same level?

Thanks!
User avatar
DIGI3
Dev Team Member
Dev Team Member
Posts: 1609
Joined: Wed Feb 25, 2009 4:25 am
Location: Victoria, BC

Re: Making a 'mega' type menu with navigator templates

Post by DIGI3 »

Sometimes it's easier to get your page structure to fit the navigation. One option would be for pages you want in the second column, set them to not show in the nav, then make a section header with child internal page links pointing to the original pages.

I've also done it where I've used one of the "extra" fields to be an indicator that this is supposed to be in the second column. You can give it a class and move it with javascript, or check for it in the menu template and loop through an extra time to build the second column.
Not getting the answer you need? CMSMS support options
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Making a 'mega' type menu with navigator templates

Post by velden »

The main point is how in a navigator template would I separate out pages
I guess this is exactly what the 'separator' content type is for.
johnboyuk1
Forum Members
Forum Members
Posts: 192
Joined: Mon Nov 26, 2018 3:09 pm

Re: Making a 'mega' type menu with navigator templates

Post by johnboyuk1 »

thanks both, will investigate further...!
Post Reply

Return to “CMSMS Core”