Backend Functionality

Manage Mega menu

In Magento admin, Select Mega menu tab (from side panel) which will display all the menus created from Mega menu extension.

• Title: Name of the menu.
• Menu Type: There are two types of menu.
  • Mega menu
  • Normal menu
• Status: Status for a particular menu. Only enabled menu will be shown in the frontend.
• Store View: Store view shows the stores selected for a particular menu. Means that menu will only be visible in the store for which it is selected.
• Created: Displays the date when menu is created.
• Modified: Displays the date when menu is modified.

Create New Menu

• Enable Menu: Enable/disable the menu.
• Menu Title: Set the menu title.
• Menu Style: This is a text area field which saves the in page CSS. It will be applicable only to Mega menu type menu. This is very useful if someone wants modification in mega menu style without editing any core files.
• Customer Groups: Allow selected customer groups to access the mega menu.
• Menu Type: There are two types of menu.
  • Mega menu (has various configuration options)
  • Normal menu (is similar to default Magento menu)
• Menu Design Type: Select design type from available options.
  • Horizontal Menu
  • Vertical Left
  • Vertical Right
  • Drilldown (each menu item can be expanded and collapsed)
• Is Sticky: Enable to scroll down menu with page scroll.
• Store View: Multiple stores can be selected from here. The menu will be displayed in that particular menu. If default is selected the menu can be displayed in all the stores.

• Shortcode: Value of the field would get generated automatically on saving the menu. Place the generated code in CMS page or static block to display created menu.

  Note
  Except primary menu, shortcode is required for all menus to get displayed on the frontend. Hence, copy and paste the shortcode of desired menu in the CMS page or static blocks where you want to display the menu.

  
  

Menu Item

After saving menu, one more tab (“Menu Item”) will be displayed beside “Menu” which is used to create Menu items. Menu items can be created in 4 different ways.

1. Mega Menu Block: When we add menu items in mega menu block and click on add to menu, it creates a menu item as shown below. This option will be only enabled when current menu type is mega menu.

   Section

   Panel The options specified in menu block are as follows. Label: It displays label name for menu item. Class: Add multiple classes to menu items on front end. Preceding Label Content: This option is used to add content before menu item on frontend. This is basically used to add font awesome icons. We can add font awesome icon code here. Menu Columns: There are maximum 5 columns supported now which is used to create columns from menu items for mega menu. Multiple Columns: This columns will appear after you will select menu columns from drop down menu. This contains static blocks and normal menus.. When we select any static block from the column that static block will get rendered on the frontend for the menu and same will appear for normal menus. Show Title: This option enables us to show hide title of normal menu (selected as menu items) on the frontend. Note Show Title is used only when menu is selected for menu column. It is not meant for static block option for menu column.

   
   

2. Category Block: This option shows Magento Categories.

   Section
   Panel Class: Add multiple classes to menu items on front end. Preceding Label Content: This option is used to add content before menu item on frontend. This is basically used to add font awesome icons. We can add font awesome icon code here.

   
   

3. Page selection: This option shows pages in Magento store.

   Section
   Panel Class: Add multiple classes to menu items on front end. Preceding Label Content: This option is used to add content before menu item on frontend. This is basically used to add font awesome icons. We can add font awesome icon code here.

   
   

4. External Links: This option adds external links to the mega menu.

   Section
   Panel Label: It displays label name for menu item. URL: Enter URL of external page where item click should redirect the users. Class: Add multiple classes to menu items on front end. Preceding Label Content: This option is used to add content before menu item on frontend. This is basically used to add font awesome icons. We can add font awesome icon code here.

Page Selection

This option shows pages in Magento store.

• Class: Add multiple classes to menu items on front end.
• Preceding Label Content: This option is used to add content before menu item on frontend. This is basically used to add font awesome icons. We can add font awesome icon code here.

Add External Links

This option adds external links to the mega menu.

• Label: It displays label name for menu item.
• URL: Enter URL of external page where item click should redirect the users.
• Class: Add multiple classes to menu items on front end.
• Preceding Label Content: This option is used to add content before menu item on frontend. This is basically used to add font awesome icons. We can add font awesome icon code here.

Click on categories from the dynamically displayed list with all sub categories. You can select which category to display in the mega menu. You can set customized class, preceding content, animation effects. It also provides you facility to set image at different places of menu block.

• Class: Add multiple classes to menu items on front end.
• Preceding Label Content: This option is used to add content before menu item on frontend. This is basically used to add font awesome icons. We can add font awesome icon code here.
• Animation Fields: Select animation effect for menu
• Block: Select block to display at header, left, right and bottom of the category menu