DDR Menu: Add a mega menu template

[chrismlusk]

This is based on the discussion in #7.

I really like the menus on Mailchimp. There are two types:

1. Hover over "What You Can Do" and you'll see the child pages each have an icon associated with them. This could be done via the DNN tab icon. Then there is the list of grandchild pages. Easy.

2. Hover over "Resources" and you'll see a similar menu, except instead of the list of grandchild pages, there is a short description. This could be done via the DNN tab description field.

I'm not sure the DNN tab settings is the most flexible way to manage a mega menu (I'm thinking a WordPress-like admin interface where the menu is independent of the "Pages" list, but whatever). However, I'm fairly confident this is all pretty straightforward.

What gives me pause is I think the mega menu would be locked into one style or the other — I haven't thought of an easy way to use both at once. A simple compromise might be to check to see if the level-two pages (child pages) have their own children. If yes, render the list. If no, render the description (if it exists).

I'd like to think about this more, and I'd love some input from @Accuraty.

[chrismlusk]

Here's another mega menu example I came across that I really like.

Link

[jeremy-farrance]

But... it's... Google?? :/

[chrismlusk]

Big bad companies (with awesome products) can make good decisions, too. Even if they do require you to hand over all your data and sign away the rights to your firstborn child.

---

But seriously, here's what I like about it:

The left column makes it clear which menu is open and gives opportunity for a clear CTA. This could solve the issue of not having access to the section / landing page via the dropdown link.

The right column is a simple grid of child links. This is basically a bigger, prettier version of the standard dropdown menu, but there's space for icons, images, etc.

We could expand on this (similar to how you and I did with PDEG) to also include sub-menus within the mega menu. The right column would then be nested links, if needed. It could get crazy, but as a starting point, I do like this.

[jeremy-farrance]

MailChimp has extensive Analytics/Events firing throughout there menus. We should consider retaining these or at least a few of the basic ones as optional and to include or turn them on with a switch. The results in the Analytics drill down reports are nothing short of amazing. However, it is only useful to serious clients with at least 5000+ page views per week (e.g. CHRC or SFJB or a park district). For a small business, it would just be a distraction and time waster.