If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

OpenCart 2.x. How to work with “TM Mega Menu” module

Hello! This video tutorial shows how to manage TM Mega Menu module in OpenCart templates.

OpenCart 2.x. How to work with “Mega Menu” module

There is another great module added to OpenCart templates – TM Mega Menu:

opencart_manage_megamenu_1

Let’s learn how to work with it.

The tutorial assumes you are already logged into your OpenCart admin panel.

  1. Navigate to Extensions ->Modules tab:

    opencart_manage_megamenu_2

  2. Then, use the CTRL+F/CMND+F key (Windows OS/Mac OS) to search for “megamenu” text to locate the module.

  3. Now, click the “Edit” icon next to the module name:

    opencart_manage_megamenu_3

The TM Mega Menu module editing interface is now opened in front of you.

You may find such options as “Module Name” and “Status” and menu items themselves:

opencart_manage_megamenu_4

You can see three menu items are already there in the menu – you may click on any item title to review its settings:

opencart_manage_megamenu_5

You may edit such options as: “Menu Item Type”, “Menu Item Submenu Type”, “Columns count”, “Columns per row” and “Background Image”.

If you set the menu to display more than one column, then a list of options for each column will appear lower on the menu item editing interface, such as: “Column width”, “Column content” and “Categories limit”:

opencart_manage_megamenu_6

Now that you know a little how TM Mega Menu module options look like, let’s try to add a new menu item to the menu.

  1. Click on the “plus” icon at the lower right to have the new menu item options interface appear:

    opencart_manage_megamenu_7

  2. Choose the “Menu Item Type” option as Category and “Menu Item Submenu Type” as Megamenu:

    opencart_manage_megamenu_8

  3. Fill in the Columns count, Columns per row and Background Image (if needed) to make the menu matching your desire:

    opencart_manage_megamenu_9

As you can see setting the Columns count value higher than 1 makes additional tabs for each column appear.

Fill in the Column width, Column content and Products limit options for each column to achieve the desired result:

opencart_manage_megamenu_10

Scroll up and click the “save” icon at the upper right of the screen:

opencart_manage_megamenu_11

Navigate to your store front-end and refresh the page to see the new menu item appeared in the categories menu:

opencart_manage_megamenu_12

You may also choose other options for each column as well as set the “Menu Item Type” option to Custom to include any external/internal link with any desired label which we believe is a great option to have!

This is the end of the tutorial. You have learnt how to manage TM Mega Menu in your OpenCart template.

Feel free to check the detailed video tutorial below:

OpenCart 2.x. How to work with “Mega Menu” module