Back to Table of Contents

Working With Nop Mega Menu

Working with Nop Mega Menu information.

Working with the Nop Mega Menu is as easy as configuring a few settings from the administration of the plugin. When the plugin is installed it comes preconfigured with default values for the settings

Go to "Plugins -> Nop MegaMenu-> Settings" to change the default settings

Settings sections

The Nop Mega Menu plugin settings are divided into four main sections.

  1. General Settings - Allows you to enable or disable the Nop Mega Menu plugin.
  2. Mega Menu Settings - Allow you to configure what menu items to be included in the mega menu
  3. Category Menu Settings - Shown if the "Include categories" checkbox is checked. Allow you to configure the menu with the categories.
  4. Manufacturer Menu Settings - Shown after the "Include manufacturers" checkbox is checked. Allow you to configure the menu with the manufacturers.

General Settings Section

  1. Enabled - If checked the Nop Mega Menu plugin will be enabled (this setting will enable the widget for the Nop Mega Menu plugin)

Mega Menu Items Settings section - here you can specify which items to be included in the Mega menu

In the General Menu Settings section you can configure settings that are essential for the Nop Mega Menu plugin and are used in the MegaMenu.cshtml view.
When checked, the Include categories and/or Include manufacturers settings, toggle the Category Menu Settings and/or Manufacturer Menu Settings sections.
When checked, the Include topic setting includes a predefined topic to the Nop Mega Menu. The topic name is used for the menu name and you can configure the topic name and content from Content Management -> Topics -> MegaMenuTopic
When you check any of the Include "Home Page" link, Include "My Account" link, Include "Blog" link, Include "Contact Us" link settings a coresponding menu item is added to the Mega Menu.

NOTE: You can change the order of the menus from MegaMenu.cshtml veiw.

Category Menu Settings section

In the Category Menu Settings section you can configure settings that are used by the categories menu.

NOTE: (Advanced users only) You can configure the way the categories are displayed, add products to the categories, ets., by editing the CategoryMenuTemplate.xxx views.

Manufacturer Menu Settings section

In the Manufacturer Menu Settings section you can configure settings that are used by the manufacturer menu.

NOTE: (Advanced users only) You can configure the way the manufacturers are displayed, by editing the ManufacturerMenuTemplate views.

Add aditional topics

To add additional topics to the Nop Mega Menu you need to edit the MegaMenu.cshtml view.

Copy the following row:
@Html.Action("TopicBlock", "MegaMenu", new { systemName = "MegaMenuTopic" })

paste it in the view where you want to see the topic and change the systemName to the system name of the topic that you want to be displayed. Note that the title of the topic will be used as a title of the menu item.

Here is an example of the Mega Menu plugin, working on the DarkOrange theme