Nav With Mega Menu Panel
The navbar with its mega panel open, link columns plus a help deciding column.
The navbar with its mega panel open, link columns plus a help deciding column.
Search blocks by description or jump to a page.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
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.
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
After
One strong use is the deepest category's panel. Other panels:
Tip: the featured tile should carry a date, lands Nov 14, menus with news in them get reopened.