Horizontal Megamenu

# Horizontal Mega Menu

Mega Menu is an Opencart extension developed by our web developer team. On a website, Top menu is an essential function. There are categories of products and services as well as contact information on it. In addition, it is the place where customers see most. Therefore, a creative and scientific top menu is important to impress all customers. First, instead of the traditional menu display with just one column, you can arrange your content into categories and present them all in only one dropdown multi-column menu. Thus, the Mega Menu allows your shoppers to navigate quickly and easily your website’s content. Second, Mega Menu allows you to add beneath featured products or promotional image and embed video to your own menu. You can also add your contact form and banner as well.

### Config Horizontal Megamenu

1. Login your opencart admin

2. Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Horizontal Mega Menu & sub module of OC Horizontal Mega Menu -> Choose Edit button -> We see admin of menu

3. Some parameters you need to know :

   - Module Name - Input name of sub OC Horizontal Mega Menu

   - Status - Set Enabled to show the OC Horizontal Mega Menu module.

   - Use sticky menu - Set Enabled to use sticky menu.

   - Show Home Page Link - Don't show Home : choose No, show Home : choose Yes

   - Number of Columns - Set number of columns of sub categories

   - Number of Levels - Set the limit the number of links of links a user can apply to the top level of the navigation

   - Informations, Category, Cms Links - You can add information links, product categories, cms links (link in cms block)

   - Mobile menu - Choose Original menu to show all categories & links on Mobile menu or Choose Only show categories to show all categories on Mobile menu.

### How to add categories in Horizontal Megamenu

1. Login your opencart admin

2. Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Horizontal Mega Menu -> Choose Edit button

3. We got :

4. Click Save button.

### Add static block on the right of the popup of a specify category

##### Example:

#### 1. How to add a static block on the right of the popup of a specify category

- Login your opencart admin

- Go to OC Theme Menu -> CMS Blocks -> click Add New -> To Create a static block with ID format : pt_menu_idcat_ID_right ( ID is ID of category you want to show block)

- Click Save button when finish.

#### 2. How to add a static block like this static block above

- Login your opencart admin

- Go to OC Theme Menu -> CMS Blocks -> Choose Add New button

- We got :

  -> ID of Shirts (Category you want to show cms block) is 25.

  ***One more thing, if you use default opencart 3.0.2.0, it have 1 bug. You can not save code cms block. To correct that error, after you have changed code in "Code View", please click once more time that "Code View" button. Then save.

You can add many static blocks like this in Horizontal Megamenu

### Add static block at the bottom of the popup of a specify category

##### Example:

#### 1. How to add a static block at the bottom of the popup of a specify category

- Login your opencart admin

- Go to OC Theme Menu -> CMS Blocks -> click Add New -> To Create a static block with ID format : pt_menu_idcat_ID ( ID is ID of category you want to show block)

- Click Save button when finish.

#### 2. How to add a static block like this static block above

- Login your opencart admin

- Go to OC Theme Menu -> CMS Blocks -> Choose Add New button

- We got :

  ***One more thing, if you use default opencart 3.0.2.0, it have 1 bug. You can not save code cms block. To correct that error, after you have changed code in "Code View", please click once more time that "Code View" button. Then save.

  -> ID of Shirts (Category you want to show cms block) is 25.

You can add many static blocks like this in Horizontal Megamenu

### How to add CMS Links in Horizontal Megamenu

##### Example :

#### How to add link like this link above

1. Go to OC Theme Menu -> CMS Blocks -> Choose Add New button

2. We got :

3. Pleasse, go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Horizontal Mega Menu & sub module of this module -> Choose Edit button

4. We got :

5. Click Save button.

You can add many links like this in Horizontal Megamenu

### Add Information Links in Horizontal Megamenu

1. Login your opencart admin

2. Pleasse, go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Horizontal Mega Menu & sub module of this module -> Choose Edit button

3. We got :

4. Click Save button.

### How to add CMS block to menu item

#### Example :

#### 1. How to creat a CMS block to menu item:

- Login your magento admin

- Go to OC Theme Menu -> CMS Blocks -> click Add New -> To

  Creat a static block with the ID has prefix : pt_item_menu

  ( Ex : "pt_item_menu_first", "pt_item_menu_second",...)

- Click Save Block when finish

You can add many static blocks like this in Horizontal Megamenu

#### 2. How to add this static block like static block above :

- Login your opencart admin

- Go to OC Theme Menu -> CMS Blocks -> Choose Add New button

- We got :

***One more thing, if you use default opencart 3.0.2.0, it have 1 bug. You can not save code cms block. To correct that error, after you have changed code in "Code View", please click once more time that "Code View" button. Then save.

You can add many static blocks like this in Horizontal Megamenu

### Remove Links and Categories in Horizontal Megamenu

1. Login your opencart admin

2. Pleasse, go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Horizontal Mega Menu & sub module of OC Horizontal Megamenu -> Choose Edit button

3. We got :

4. Click Save button.

### How to identify ID of a category in Opencart

1. Go to frontend

2. Hover mouse into the category you want to know ID

3. You will see a row below.

   ID of a category is after "path="

   So, ID of this category (Accessories) is 62 .