{"id":113854,"date":"2018-02-23T13:33:32","date_gmt":"2018-02-23T13:33:32","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=113854"},"modified":"2022-08-23T06:45:37","modified_gmt":"2022-08-23T06:45:37","slug":"odoo-website-mega-menu","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/odoo-website-mega-menu\/","title":{"rendered":"User Guide for Odoo Website Mega Menu"},"content":{"rendered":"\n

INTRODUCTION<\/strong><\/h2>\n\n\n\n

Enhance website interface with Odoo Website Mega Menu!<\/em><\/strong><\/p>\n\n\n\n

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

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.<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

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

    INSTALLATION<\/strong><\/h2>\n\n\n\n
    1. Once you purchase the App from Webkul store, you will receive the link to download the zip file of the module.<\/li>
    2. Extract the file on your system after the download finishes. You will be able to see a folder named- \u2018website_mega_menus.\u2019<\/strong><\/li>
    3. Copy and paste this folder inside your Odoo Add-Ons path.<\/li>
    4. Now, open the Odoo App and click on the Settings menu. Here, click on Activate the Developer Mode.<\/li>
    5. Then, open the Apps menu and click on \u2018Update Modules List.\u2019<\/strong><\/li>
    6. In the search bar, remove all the filters and search \u2018website_mega_menus.\u2019<\/strong><\/li>
    7. You will be able to see the module in the search result. Click on \u2018Install<\/strong>\u2019 to install it.<\/li><\/ol>\n\n\n\n

      WORKFLOW<\/strong><\/h2>\n\n\n\n

      1. Firstly, Log in to your Odoo backend and visit \u2018Settings\u2019<\/strong> to \u2018Activate The Developer Mode\u2019 <\/strong>found at the bottom of the \u2018General Settings\u2019<\/strong> page.<\/p>\n\n\n\n

      \"Activating-developers-mode-in-Odoo-backend.\"<\/a><\/figure>\n\n\n\n

      2. Now, open the \u2018Website\u2019<\/strong> menu and go to \u2018Webkul Website Addons\u2019<\/strong> and locate \u2018Website: Mega Menu\u2019<\/strong> and check if the box next to it is ticked or not.<\/p>\n\n\n\n

      \"Checking-module-installation-in-Odoo-Website-Mega-Menu.\"<\/a><\/figure>\n\n\n\n

      3. Next, under \u2018Configuration,\u2019<\/strong> locate \u2018Wk Mega Menu\u2019<\/strong> and configure all the three options listed under it:<\/p>\n\n\n\n

      3.1. Wk Mega Menus<\/p>\n\n\n\n

      3.2. Wk Mega Menus Style<\/p>\n\n\n\n

      3.3. Wk Product Carousel<\/p>\n\n\n\n

      \"Viewing-all-the-three-megu-menu-configuration-option.\"<\/a><\/figure>\n\n\n\n

      4. Before creating a mega menu, configure the carousel by opening \u2018Wk Product Carousel> Create,\u2019<\/strong> enter the name, select the products, and click the \u2018Save\u2019<\/strong> button.<\/p>\n\n\n\n

      \"Creating-product-carousel-in-Odoo-Website-Mega-Menu.\"<\/a><\/figure>\n\n\n\n

      5. Now, visit \u2018Wk Mega Menu Style> Create\u2019<\/strong> and enter the menu style details, and once done, click the \u2018Save\u2019<\/strong> button.<\/p>\n\n\n\n

      \"Creating-menu-style-in-Odoo-Website-Mega-Menu.\"<\/a><\/figure>\n\n\n\n

      6. After creating the carousel and style, open \u2018Wk Mega Menu> Create\u2019<\/strong> and enter the details such as Menu (Name), Sequence, Website, Parent Menu, Root Category, and Categories To Display.<\/p>\n\n\n\n

      \"Creating-mega-menu-in-Odoo-Website-Mega-Menu.\"<\/a><\/figure>\n\n\n\n

      7. Next, in the \u2018Advance Options\u2019<\/strong> tab, choose \u2018Product Carousel, Wk Mega Menu, Background Images, and Top Menu Icon. Once done, click the \u2018Save\u2019<\/strong> button.<\/p>\n\n\n\n

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

      \"Configuring-advance-settings-of-mega-menu.\"<\/a><\/figure>\n\n\n\n

      8. Now, open the website, and click the mega menu option to view it.<\/p>\n\n\n\n

      \"Mega-Menu-on-website.\"<\/a><\/figure>\n\n\n\n

      OTHER ODOO WEBSITE MODULES<\/strong><\/h2>\n\n\n\n