Back to Top

User Guide for Odoo Website Mega Menu

Updated 23 August 2022


Enhance website interface with Odoo Website Mega Menu!

Megamenu is a two-dimensional drop-down website menu. Also, the mega menu increases accessibility and enhances the website’s interface. All the available options are shown by dropdown under a specified category that contains a group of related products.

To make this happen, Odoo Website Mega Menu is created, which enables your customers to navigate easily on your Odoo website. Moreover, the easy navigation on your website will attract customers, which results in increased sales.

It helps to improve the user interface by making the website more interactive and attractive. Further, this also helps save your customers time as they can reach a particular product according to the specified category.


  1. The Odoo Website Mega Menu allows you to create and display mega menus on the Odoo website to ease navigation.
  2. Moreover, you choose the categories and subcategories to be included on the Mega Menu.
  3. The admin can create multiple mega menus based on the requirements to display all the types of products on the Odoo website.
  4. You can group the menu into other menus to create further segregation.
  5. Further, the module enables you to define an URL for the Mega Menu to increase accessibility.
  6. You can configure various elements of the mega menu, such as text color, background color and images, etc.
  7. The module lets you display the configurable header on each mega menu.
  8. The module elements are fully mobile responsive, which means that the mega menu resizes itself automatically according to the viewing screen size.


  1. Once you purchase the App from Webkul store, you will receive the link to download the zip file of the module.
  2. Extract the file on your system after the download finishes. You will be able to see a folder named- ‘website_mega_menus.’
  3. Copy and paste this folder inside your Odoo Add-Ons path.
  4. Now, open the Odoo App and click on the Settings menu. Here, click on Activate the Developer Mode.
  5. Then, open the Apps menu and click on ‘Update Modules List.’
  6. In the search bar, remove all the filters and search ‘website_mega_menus.’
  7. You will be able to see the module in the search result. Click on ‘Install’ to install it.


1. Firstly, Log in to your Odoo backend and visit ‘Settings’ to ‘Activate The Developer Mode’ found at the bottom of the ‘General Settings’ page.

Searching for an experienced
Odoo Company ?
Find out More

2. Now, open the ‘Website’ menu and go to ‘Webkul Website Addons’ and locate ‘Website: Mega Menu’ and check if the box next to it is ticked or not.


3. Next, under ‘Configuration,’ locate ‘Wk Mega Menu’ and configure all the three options listed under it:

3.1. Wk Mega Menus

3.2. Wk Mega Menus Style

3.3. Wk Product Carousel


4. Before creating a mega menu, configure the carousel by opening ‘Wk Product Carousel> Create,’ enter the name, select the products, and click the ‘Save’ button.


5. Now, visit ‘Wk Mega Menu Style> Create’ and enter the menu style details, and once done, click the ‘Save’ button.


6. After creating the carousel and style, open ‘Wk Mega Menu> Create’ and enter the details such as Menu (Name), Sequence, Website, Parent Menu, Root Category, and Categories To Display.


7. Next, in the ‘Advance Options’ tab, choose ‘Product Carousel, Wk Mega Menu, Background Images, and Top Menu Icon. Once done, click the ‘Save’ button.

Moreover, you can create or edit the product carousel and Wk mega menu style by clicking the icon next to their respective boxes.


8. Now, open the website, and click the mega menu option to view it.




Hope you find the guide helpful! Please feel free to share your feedback in the comments below.

If you still have any issues/queries regarding the module, please raise a ticket at

Also, please explore our Odoo development services & an extensive range of quality Odoo Apps.

For any doubt, contact us at [email protected].

Thanks for paying attention!!

Current Product Version - 1.0.0

Supported Framework Version - V15, V14, V13

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home