Nav With Mega Menu Panel

About this block

Nav With Mega Menu Panel renders the navbar with its Bags panel expanded, three link columns, by type, by use, and the underrated third column, help deciding, with the comparison and guide links, plus one featured tile for the current drop. Shipping the open state as a block gives you the panel's blueprint before wiring hover and focus behavior.

Menu columns are one array. The help deciding column is the conversion feature, mega menus that only list nouns waste their best real estate.

When to use

Reach for this block on catalogs deep enough that one category needs its own panel. Wire the open state to hover with intent delay and keyboard focus, the static markup here is the layout contract.

A natural flow around it on an Ecommerce Pro page:

Before

• Nothing, headers open the page

After

• Grid with filters behind the column links
• Which one guide behind the deciding links

What you can display

One strong use is the deepest category's panel. Other panels:

• The gift panel. Recipients and budgets as the columns in season.
• The help panel. Track, returns, size guides, and contact as a support mega menu.
• The brand panel. Story, materials, repairs for the about section.

Tip: the featured tile should carry a date, lands Nov 14, menus with news in them get reopened.