Black Friday Madness is Here! Flat 10% OFF on M2 Extensions. Discount Code: 10OFF2024
Toggle Nav
My Cart 0
Magento 2 Mega Menu Extension
Rating:
100% of 100

Compatible with CE,EE & ECE: 2.3.x - 2.4.7

Limited time offer: Free Installation.

Magento Extension by Certified Developer

Magento 2 Mega Menu Extension

Rootways Mega Menu Extension is for Magento 2, and it is your easy and fast solution to create the best sitemap right on the main navigation of your Magento 2 website.
New updated features:
  • Choose any mega menu type for "All Categories" section.
  • Magento 2.4.7 and PHP 8.3 are compatible.
Magento 2 Magento 1
?
If you are not sure about the domain name, please enter "yourname.com" you can always change the domain name later.
Domain name only, no IP address allowed.
$99.00 $49.00
+
-

Screenshots

Click on image below to enlarge

Details

Rootways navigation menu is easy to use, user-oriented, and a responsive website menu/navigation extension. Our mega menu has more than 15 mega menu types and has many options manageable from the admin which will fulfill almost all the requirements related to your website navigation.

Using our Magento 2 mega menu extension you can display categories up to the 4th level and can also display content, images, products, a contact form, a header, and a footer in your website's main navigation. Rootways Mega Menu Extension has more than 15 layouts of the mega menu. You can set any layout for a specific category. Rootways Mega Menu is flexible for mobile, tablet, and all responsive screens. You can modify the mega menu layout from admin settings without touching HTML and CSS.

Discover the power of seamless navigation with Rootways Mega Menu solution. Elevate your website's user experience by transforming traditional menus into dynamic, visually compelling mega menus. Effortlessly organize and showcase a wealth of content, categories, and products with customizable layouts and stunning visuals. Create an immersive browsing experience that drives higher conversion rates. Elevate your online presence, improve customer engagement, and optimize your website's usability with our Magento 2 Mega Menu extension.

magento 2 mega menu layouts

Features List of Magento 2 Mega Menu

  • 15+ different mega menu types and layouts.
  • Display up to 4th level of categories in mega menu.
  • Responsive mega menu.
  • Create a Mega Menu by just selecting mega menu types.
  • Design Manageable from admin.
  • Full and half width mega menu.
  • Vertical and Horizontal tabbing menu.
  • Category products in mega menu.
  • Display "All Categires" under one custom link.
  • Set any mega menu layout for "All Categires" dropdown.
  • Set number of columns.
  • Display more than one column under a single category title.
  • Content at top, bottom, left and right in mega menu.
  • Display category and content section in specific width.
  • Display social media icons on the mega menu.
  • Category with icons/images in mega menu.
  • Category with label.
  • Set any color to label from the admin.
  • Display hovered category content in the content area.
  • Display hovered category image in the content area.
  • Automatic height adjustment based on number of sub-categories.
  • Custom link to the menu.
  • Open custom menu dropdown in a specific width.
  • Align custom link, and contact us a link to left or right align in the mega menu.
  • Add any external link as custom link.
  • View more link for display more categories.
  • Delay dropdown hover.
  • Compatible with any touch device.
  • Open dropdown at left or right side.
  • Set menu based on store view and website.
  • Display category as title in mega menu.
  • Contact form in mega menu.
  • Contact form with and without content.
  • Contact for in half width or full width.
  • Add text area to the admin to add new CSS.
  • User friendly.
  • Support by Rootways - any questions we are here to help you.
Features in Detail:

Manage Design from the Admin.

You can customize the font colour, font size, background colour, hover effects, and layout of the mega menu from the admin. You will have access to a colour picker to select and set mega menu colours.

manage mega menu design from admin

Display Menu in Full or Half Width

You have the option to choose whether to display the mega menu dropdown in full or half-width for any category. If a category has fewer subcategories, you can set a half-width mega menu type for it. For the categories with many subcategories, you can set a full-width mega menu type. You can select either of the two based on your requirements. Setting it up is easy; simply choose a mega menu type from the category page on the admin side and you're done.

Display Content on Left, Right, Top and Bottom Side.

Decide the way you want to display your mega menu dropdown with the content. Flexibility to display the categories with its content at left, right, top or bottom. You can maintain it from the Admin panel. You can add images, HTML, plain text, links, products and much more in the content area.

mega menu with content

Display Category and Content Section in Specific Width.

The category and content section can be displayed with a specific width. Just mention the width in the Admin panel and add the content. The content will be adjusted accordingly.

manage magento mega menu width

Manage Number of Columns

Easily set the number of columns from your Magento admin panel by selecting the number of columns needed to show the category, and all its sub-categories will get sorted accordingly. It will make the drop-down menu well-organized and user-friendly.

Manage number of columns in mega menu

Multi Columns Under One Category

You can display more than one column under one sub-category, and that number of columns is manageable from the admin.

Mega menu columns

Custom CSS

Our Magento 2 mega menu extension provides a feature to add your custom CSS to our mega menu. You can add your custom CSS from the admin text area. The layout of our mega menu extension is fully manageable by the admin, but if you want to add a few extra CSS to our mega menu based on your theme, then this feature will fulfill your requirement.

Mega menu custom css

Category with Product Listing

Rootways mega menu extension has a unique menu type where you can display categories on the left side and its products on the right side when a particular category has hovered over. You can display products based on categories in a tabbing view manner.

Adobe commerce mega menu

Display Products Only

The 'Products Only' mega menu type displays products of the category at the website's main navigation. For any category in your store, select the products-only menu type and add products under that category, and those products will start to be displayed at the front end.

products in mega menu

Vertical Tabbing Menu Layout

The vertical tab menu, listing the categories vertically, is the unique feature introduced in the Rootways mega menu extension. This bullet list of categories expands to the next level of the sub-categories on the move over to those categories. Add images for up to two levels of the categories, making the navigation menu look attractive. Easily navigate through ample categories and sub-categories.

magento 2 vertical mega menu

Horizontal Tabbing Menu Layout

List the categories horizontally and display subcategories when hovering over the horizontal parent category. You display content along with the categories on the left, right, top, and bottom. You can also choose the number of columns to be displayed for the category section.

magento 2 horizontal menu

Multi Tabbing Menu Layout

Our multi-tabbing mega menu type helps you display categories and subcategories side by side. You can display up to the 4th level of categories using this mega menu type.

Commerce cloud mega menu

Image Only

You can display only images of the categories in the mega menu dropdown. You can choose from the admin whether you want to show the category name along with the image or display only the image. Also, you can choose whether to display a category image after the category name or before the category name.

images in magento 2 mega menu

Social Icons

Using the Rootways mega menu, you can add social media icons on the main navigation of your Magento 2 website. The social media icon links are manageable from the Magento admin. Using our mega menu extension, You can add your phone number and email to the main navigation.

social icons in magento 2 mega menu

All Categories under one link

Display all categories and subcategories under one custom link and call it "All Categories". You can manage this custom link's label, font colour, background colour, etc., from the admin.

Rootways mega menu provides 3 different layouts, As Title - Full Width", "As Title - Half Width", "Side by Side", and "Set Specific Mega Menu Type"for the "All Categories" section. You can choose this layout from the admin as per your requirements.

Magento 2 Mega Menu extension

Set any Mega Menu Type Under "All Categories"

Introducing our new feature: "Set Any Mega Menu Type for All Categories." With over 15 mega menu types available, each with a different layout, you now have the ability to choose any mega menu type for the "All Categories" section. This will display all categories under one link with your specified mega menu layout.

category icon in magento 2 mega menu

Display Subcategories of Specific Category Under Custom Link

You can choose which category child you want to display under the custom link. You can set that category ID from the admin, and it will automatically start showing it's subcategories on the front end under the "All Categories" dropdown.

Create custom mega menu in magento 2

Category with/without Image Icon

You can choose whether to display the category name with or without the category images. Categories with images are more relevant and will make it easier to understand the products or services displayed under them. This will make the menu look more attractive and user-friendly.

category icon in magento 2 mega menu

Category label

Add any label with any colour. Choose different labels for each category from the Magento Admin panel as per your choice.

Create custom mega menu in magento 2

Top Category Icon

You can add different category icons for each as per your choice. Add icons from the admin for each of your categories.

mega menu pro

Open Dropdown at Left or Right Side

Open the Mega menu dropdown on the right or left side at your convenience. You can handle it from the Magento admin.

View More at Top Categories.

If there are many categories at level 1, you can add a 'View More' link to the main navigation menu of your website and display extra categories under this link. You can decide how many categories you want to display in the main navigation, and after that, all the categories will be displayed under the 'View more' link.

Mega Menu

View More for Sub Categories

With this option, you can set a limit to display subcategories under the mega menu dropdown. If any category has many subcategories and you want to show only the first five and then add a link to "View More, " this feature is handy.

Magento 2 Navigation menu extension

Hide and Show Specific Categories from Menu

Our Magento mega menu lets you choose precise categories to display from your Magento admin panel. This way, you can even hide specific categories you may have created only for internal purposes.

Mega menu for Magento 2

Show to 4th Level of Categories

Subcategorization helps users quickly browse through plenty of categories, which can sometimes create confusion. A better categorization of your products or items can help your users reach their desired product or item faster and smoother. With our mega Menu type 'Simple Dropdown', you can add categories up to the 4th level of categorization. Help your users search for their required item or product more easily.

Rootways Mega Menu extension

Delay dropdown hover.

This will help stop opening the mega menu dropdown when you move your scroll from the header to the bottom part of the page via the main navigation. Set the delay time for the dropdown hover as per your convenience from the Magento admin.

Rootways mega menu extension

Auto height adjustment (Masonry JS)

One of the most distinctive features of our Mega Menu is that it adjusts its height automatically based on the number of subcategories. Our Magento 2 Mega menu is flexible and reliable, allowing you to adjust its height per the subcategories.

Rootways mega menu extension for magento 2

Compatible With Any Touch Device

Replace all the hover effects automatically by touch event on touch devices, and our extension will work appropriately on all the touch devices. A dropdown will be opened on the first click, and the click event will be fired on the second touch. This is how our Magento 2 mega menu works on any touch device.

Magento 2 navigation menu extension

Contact Us Form in Menu

Add a contact form in your navigation menu itself, giving a great user experience to your customers for their approaches and feedback. Add the contact form, either with or without the content. You can also add this contact form in half-width as well as in a full-width menu. You can also display the Contact Us form link to the right alignment of the main navigation menu.

Responsive Magento 2 Mega Menu

In this mobile era, a responsive web design is a prime requirement of any e-commerce store. Our Magento 2 Mega Menu is responsive, offering the same user experience on all screen sizes. It's flexible with the screen it is viewed on. It reduces the loading time of a huge store, where users need to zoom in and out to find the content they're looking for. Hence, our Mega Menu is faster, better, more flexible and wiser when compared to others.

magento 2 responsive mega menu

Type

Stable Build

Current Version

4.0.0

Updated

13 Sep, 2024

Magento platform compatibility

Open Source (CE): 2.3.x, 2.4.x
Magento Commerce (EE): 2.3.x, 2.4.x

Categories

Magento 2 Extension

Magento Megamenu clients samples
Customer Questions
Does it work on the Magento 2.4.3

Yes, it is compatible with Magento 2.4.3 The demo of this extension is running on Magento 2.4.3

Once the top level menus are setup, will it automatically update subcategories (if say, new subcategories are added?)

Yes, it will automatically update and setup. There is no separate page to manage for mega-menu navigation, you can see our mega menu tab in the Magento default category page in admin. Then, simply select mega menu settings for the main categories and that's it. Please check out the demo for more details https://magento2demo.rootways.com/admin_2fh5c1/

Is this extension responsive for all devices?

Yes, it is completely responsive for all devices (desktops, tablets, etc.) with no problems in presentation.

Which kind of menu that Mega Menu extension can support?

This extension supports both horizontal and vertical menu, so shop owners can arrange their categories as they wish.

Can I add label for product?

Yes, you can add labels to highlight products that you want such as HOT, NEW, SALE in the product listing menu.

How can I add a product?

Hover to Product IDs then tick the checkbox of the product list that you want to add. You can only add products of 3 following types: 1)Product Grid 2)Default Category Listing 3)Product Listing.

How many types of Mega Menu? What are they?

There are 7 types of mega menus. You can choose from 7 types of menu content that makes your website more attractive in your customer's eyes: Default Category Listing, Dynamic Category Listing, Static Category Listing, Product Grid, Product Listing, Dynamic, and Content.

Does this extension support many languages?

Yes, all themes or extensions of Magento support a wide variety of languages. You just need to install our language packages and then translate them into your required languages. Our Development team will guide you on how to make it.

Can I change the content of the contact column which is the Content menu type?

Yes, you can change the content of the map and contact form to any contents or banners of your choice. You can also display anything you want as content through style HTML, CSS.

How many levels drop down menu can I create?

You can create unlimited levels.

Can I change the number of columns in Dynamic Category Listing?

Yes, the number of columns can be changed. The number of columns depends on the customer’s website and screen for suitability. The columns are not fixed.

Can I install your extension on multiple domains?

It depends on the domain license support that you purchase. If you are hosting multiple domains under Single Magento installation you may be able to use a single license on multiple domains. Our license is valid for a single Magento installation. Send us an email to [email protected] for your particular situation and we will respond back.

Can I re-download items?

"Yes, you can re-download the purchased items anytime if its status is still for sale on the Cmsmart Marketplace. Please visit the Download section to immediately download the products right after payment. However, it is important to remember that when an item is removed from the Market sites, it will be removed from your Downloads page as well. We offer the download page as a convenience for buyers, but we can make no guarantees as to the ongoing availability of the files you have purchased."

I do not have a PayPal account. Do you support other payment methods?

Yes, PayPal supports including all major types of Credit cards. Visit PayPal for more information. You can still pay via PayPal with your credit card or E-check. We also support Credit Card payment via Onepay.vn and Skrill.

Can I customize products to suite my need?

Yes, you can modify the product at your discretion for your websites. However, you can’t resell or place the modified extensions (as a whole) for downloads on your websites.

I did the payment, while I have not received the download link?

The download link is always automatically sent to your payment email within 5 minutes after the payment is done. Please check your inbox, open your confirmation email and your product download link should be there. You can also check the Download menu in your Profile C-Panel on Cmsmart to see the download link.

How long can I download the updated product?

The extension comes with “Lifetime Free Update”, so you can download it anytime in the future, with no expiry date.

What is the difference between the Auto-Renewal Price and Standard Payment Price?

Auto-Renewal Payment: with this package, you have 3-6 months to receive our support, download, and upgrade FREE. But, after this time period you only pay a small recurring fee for every 3-6 months, you DON'T need to buy the product again. Standard Payment: You only pay ONCE for this payment, you will receive our support, download and upgrade free in 3-6 months. But after 3-6 months, if you want to upgrade, download, or need support, you HAVE to buy again.

How to add the background to the submenu?

With the help of Ninja Menus, adding image background for the sub menu is now a piece of cake. You can now complete this by following some easy steps. Take a look at our User guide for more details.

How to Configure menu item for Multiple Store view?

Choose any language in the “All store view" drop-down list. More details here.

How many languages can mega menu support?

We supported all the languages listed in the drop-down list in All store view.

Is it possible to have the menu sticky with this extension?

Yes, this function has been added to our extension. Make your menu stick to the top by switching one setting in the back-end. (Described in the user guide).

How to change the design of the Mega Menu?

Go to Admin >> System >> Configuration >> Rootways >> Mega Menu from here, you can change "Top Menu Design" and "Vertical Menu Design" by selecting colors and options. Note, this feature is only available in the Mega Menu Pro version.

Does the extension require any manual adjustments?

No, install the extension as usual, and it will start working automatically.

How to add/display a label with main and/or subcategory?

You can add a label with any category using Rootways mega menu. Follow these steps to add a label.

  • Step 1: Go to Admin > CATALOG > Categories.
  • Step 2: Click on the category in which you want to add a label.
  • Step 3: Move to the “Rootways Menu” tab.
  • Step 4: Enter a text of the label to the “Label Text” text field.
  • Step 5: Choose the background color of the label from “Label Color”.
  • Step 6: Save category, clear Magento caches, (do reindexing if clear caches will not work) and you can see that label at the front-end.

Please, mind that only logged in users can submit questions
Reviews
Write Your Own Review
Only registered users can write reviews. Please Sign in or create an account
Version 4.0.0 - 13 Sep, 2024
  • Compatible with 2.4.7
  • Compatible with PHP 8.3
  • New Feature: Show any mega menu type under "All Categories" section.
  • General Improvements
Version 3.0.3 - 09 Dec, 2023
  • There was a problem during uploading mega menu images from the admin category in the previous version, 3.0.2. Fixed it.
  • Compatible with 2.4.6-p3.
Version 3.0.2 - 16 Oct, 2023
  • Resolved the di:compile issue that was occurring on certain servers only.
  • Update in license key validation process.
Version 3.0.1 - 10 June, 2023
  • Fixed validation issue when saving mega menu admin system configuration with empty values.
Version 3.0.0 - 14 April, 2023
  • Compatible with Magento 2.4.6
  • Compatible with PHP 8.2
  • "All Categories" different layouts.
Version 2.0.1 - 23 Sep, 2022
  • Compatible with Magento 2.4.5
Version 2.0.0 - 16 May, 2022
  • Compatible with 2.4.4 and PHP 8.1
  • New Feature: Top menu alignment from the center.
  • New Feature: Display mega menu dropdown on the full screen.
  • General Improvements.
Version 1.0.9 - 24 Sep, 2021
  • Compatible with 2.4.3
  • Compatible with page builder of native Magento.
Version 1.0.8 - 31 July, 2021
  • Display menu from the center.
  • Fixed JS conflict in mobile in Magento 2.4.2
Version 1.0.7 - 18 June, 2021
  • Compatible with 2.4.2
  • General improvements.
Version 1.0.6 - 26 Oct, 2020
  • Compatible with 2.4.1
  • New mega menu type: Image Only.
  • Add social media icons.
  • Display more than one column under a single category title.
  • Open custom menu dropdown in a specific width.
  • Align custom link, and contact us a link to left or right align in the mega menu.
  • Dropdown border-top change from the admin.
  • Add text area to the admin to add new CSS.
  • Mobile, open dropdown when clicking on the title. Working on manageable this from the admin.
Version 1.0.5 - 01 Sep, 2020
  • Compatible with 2.4.0
Version 1.0.4 - 11 June, 2020
  • Compatible with 2.3.5
  • "View More" link for a large number of sub-categories.
  • Manage number of columns for "All Categories" dropdown from the admin.
  • Manage width of "All Categories" dropdown from the admin.
  • General improvements.
Version 1.0.3 - 27 Feb, 2020
  • Compatible with 2.3.4
  • "View More" link for a large number of sub-categories.
  • Choose whether you want to display category image from mega menu custom image field or Magento default category image field in the mega menu.
  • Hide category from the main navigation and display only to the "All Categories" custom link.
  • Responsive layouts bug fixing.
  • General improvements.
Version 1.0.2 - 21 Dec, 2019
  • Compatible with 2.3.3
  • Product listing based on category.
  • All Category listing supported.
  • Fixed responsive menu issues.
  • Multi tabbing. (New mega menu type)
  • Custom links allows to add any external link to mega menu.
  • Added more options to manage mega menu from the admin.
Version 1.0.1 - 07 Jan, 2018
  • Manage mega menu layout from the admin side.
  • Display category and content in specific width.
  • Main category icon.
  • Fixed issue of mega menu with breadcrumbs.
  • masonry.js supported and managed from admin.
  • Delayed drop down hover.
  • Compatible with any touch device.
  • General Improvement.
Version 1.0.0 - 12 Dec, 2016
  • Initial release.
  • Convert your Magento 2 website default navigation in mega menu layout.
10 Reasons to Choose Rootways
  • Adobe Solution Partner

    Rootways is an official Adobe Magento Bronze Solution Partner.

  • Magento 2 Certified Developer

    Extension is developed by Magento 2 Certified Developer.

  • Secure Payment Process

    We use a secure checkout process, not saving any sensitive customer credit card data.

  • Simple Licensing

    Use on unlimited stores and website of a single Magento installation.

  • Professional Installation Service

    We will be happy to provide you professional installation service. Contact us for pro installation.

  • Free Update

    Free lifetime update of your purchased products from Rootways Inc.

  • Full Open Source

    No encoding, extensions code is open source, no disorientation. You can easily customize it.

  • Following Magento® Standards

    We always follow Magento standards while coding all our extensions.

  • Modules tested by professionals

    Our QA team works at its best to maintain the quality of our extensions by testing their performance and functionalities over various browsers.

  • Extensive Documentation

    Full description of all the extensions is available as an Installation guide and User guide along with FAQs.