Mega menu

The mega menu helps you present complex product categories in a clear hierarchy, while also allowing you to add promotional or featured content directly in your navigation. This way, the mega menu combines navigation and marketing in your store header, making it easier to browse and more effective at driving conversions.

Key features

• Multi-level structure: Supports up to three levels (e.g., Men → Outerwear → Down Jackets).
• Promotional content: Insert banners, featured collections, or products directly in the menu.
• Flexible layout: Choose different alignment options and customize text and image display.

Create a mega menu

Genstore supports three levels of navigation. By creating second-level and third-level menu items, you can group products, collections, or pages to help customers quickly find what they need:

• Level 1 → Top navigation entry
• Level 2 → Main columns of the mega menu
• Level 3 → Sub-lists within each column

Steps

1. In Genstore admin, go to Online Store -> Menus, and click Main menu.
2. Click the + button next to the target menu item.
3. In the pop-up, enter the menu name, URL (destination page), and optionally add an image.
4. Click Save.
5. The new menu item will appear under the parent menu as a second-level item.
6. Repeat steps 2–4 to continue creating drop-down menus.
7. Click Save to complete setup.

Link and customize the mega menu

In the Genstore theme editor, you can link your navigation menu with the mega menu and customize its layout style and promotional groups.

Steps

1. In Genstore admin, go to Online Store -> Themes, and click Customize on your target theme.
2. Under Header -> Header, click Add block and select Mega menu.
3. Click the mega menu to select it. In the right-hand editor panel, enter the name under Mega Menu Item to link. Note: The text must exactly match the navigation menu name. Extra spaces, case differences, or symbols will prevent the link from working.
4. Once the Mega menu is selected, use the right panel to configure:
   • Desktop alignment: Align to page / Justify / Adapt to content.
   • Promotional groups: Add up to 3 groups, each with images, heading, button, and link.

Promotional group settings

Setting	Description
Image position	Display image on the left or right
Image count	1–3 images per group
Heading	Title text for the promotion
Button text	Custom label for the call-to-action
Button link	Destination link when clicked
Layout	Text outside the image / Text overlay on the image
Content alignment	Left / Center / Right
Aspect ratio	1:1, 3:4, 4:3, or Auto (use original ratio)
Shape	Standard / Square / Rounded / Capsule / Arch