Athora Header, Footer & Overlay Groups Header Group Sections

Mega Menu

Mega Menu allows you to display expanded navigation content on the header with collections, featured products, or image cards instead of a standard dropdown menu.

The theme currently supports 2 Mega Menu types:

  • Mega menu: Shop

  • Mega menu: Promo image

  • Mega menu: Card

1. Setup Navigation Menu

Before setting up Mega Menu, you need to create the menu structure in Shopify Navigation.

Go to: Content → Menus → Main menu

Then add menu items and submenu items based on your preferred structure.

Example:

  • Shop

    • All products

      • Best sellers

      • Hot deals

      • New arrivals

    • FACE

    • BODY

    • Hair

Mega Menu will use this navigation structure to display content on the storefront.

2. Add Mega Menu

Go to: Header → Menu – Main menu → Select menu you created above

Then: → Add block

Then add one of the following blocks:

  • Mega menu: Shop

  • Mega menu: Card

3. Menu item label

The theme uses the "Menu item label" to determine which menu item will display the Mega Menu.

You must enter the exact menu name used in Shopify Navigation.

Example:

If your header menu is: Shop

then the Menu item label must also be: Shop

Mega Menu will not work if the menu name in Menu item label does not match exactly.

4. Mega menu: Shop

Mega menu: Shop is designed for stores with multiple collections or product categories.

4.1. Collections Section

You can display featured collections inside the Mega Menu.

You can also:

  • Add a heading for collection

  • Change collection position

  • Add a “View all” button

  • Link collections to collection pages

4.2. Product Showcase

Mega Menu supports displaying featured products directly inside the dropdown menu.

You can:

  • Add a section heading

  • Change image ratio

  • Show vendor

  • Show product highlights

  • Add CTA buttons

4.3. Menu

It will show the menu you have added in Shopify menu. You can add a heading for it.

5. Mega menu: Card

Mega menu: Card displays menu content as image cards or promotional banners.

Card Items

Each Mega menu: Card supports up to 4 cards.

Each card can include:

  • Image

  • Title

  • Button

  • Link

You can use cards to highlight collections, products, campaigns, or promotional content inside the Mega Menu.

6. Mega menu: Promo image

Mega menu: Promo image is designed to let you show an image/banner to promo your product on your store to boost sales.

This mega menu type supports up to 2 Promo image card. You can config setting for promo image as well as for the button.

Each Promo image include:

  • Image

  • Heading

  • Text

  • Button label

  • Button link

If you would like our team to check your setup, please contact us on Live chat.