Add collections to mega menu
A guide to showcase collections in your mega menu
Make your navigation more visual and category-driven by showcasing collections right inside your mega menu. Perfect for surfacing seasonal drops, popular categories, or curated collections to drive exploration.
How to add a collections list to the mega menu
Steps:
In the Header section, click Add block.
Select Collections list (Mega menu).
In the Menu title field, type the exact name of the menu item this block should appear under.
Choose up to 6 collections to display.
Customize the card layout, text color, and dropdown settings.
Save your changes.
⚙️ Block settings
Menu title
Determines which main menu item this banner belongs to. It must exactly match the menu title.
Style
Choose between card styles for each collection.
Text color
Pick a color for the collection name + product count text.
Dropdown container
Inherit from header or set independent container styling.
Desktop menu columns
Choose how many columns are shown in the dropdown layout.
Width (%)
Adjust the width of the collection list relative to the mega menu.
Collection 1–6
Choose which collections to show (up to 6).
Collection card style:
Each card shows the featured image (or first product's image), collection name, and product count.
Last updated
Was this helpful?