Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Updated: 19/03/2019 | By: Magenest | Support Portal: http://servicedesk.izysync.com/servicedesk/customer/portal/12 

Table of Contents

 

...

Introduction

Mega Menu for Magneto 2 by Magenest is a powerful tool to create beautiful menu layouts.

 

Merchants will be able to customize their own mega menu with flexible options.

Extension's page: Mega Menu

Features

 

  • Flexible Mega Menu configurations
  • Create multi-level menu using drag & drop or hyperlink
  • Customize menu items with different colors, background images, labels, icons
  • Generate menu according to existing categories automatically
  • Pre-setup a set of common labels

System Requirements

 Your store should be running on Magento 2 CE & EE version 2.1.x 2.2.x 2.3.0

Main Functions 

...

Configuration

(plus) General configuration

Enable Mega Menu: to enable/disable the module

Select Mega Menu: Set up the menu to be used for the site here. You can create the menu in Mega Menu > Manage Menus

Effect: The effect to show menu and submenu on the store front

 

(plus) Default Menu Configuration

In this settings, you can customize the default menu text color, hover text color, hover button background color and drop-down background color. 

Note that the default menu will only be used if there is no mega menu selected.

Image Added

Create a new menu 

Go to Magento 2 backend > Mega Menu > Manage Menus

...

You can edit each item with the green icon of each one or remove them from the menu list with the delete (red) icon.



Admins can create a new Menu using these two tabs. 

Adding Page to a Menu

At Page tab > choose pages options which you would like to add into Menu Structure. Click on Add to Menu button to finish. 

 

Image Removed

...



Customize menu item

(plus) Information:

Name: The menu name that will be displayed on front end.

Link: The menu url or url key.

Class:

Icon: You can upload the icon for each item. It will be displayed on the left of the item on the main menu bar.


(plus) Style:

Text Color, Hover Text Color, Hover Button Background Color & Dropdown config

Header, Footer, Left, Right: Users can only write content using wysiwyg editor.

Main Content: User can use wysiwyg editor or use differtent types of content: default list, grid or tab.


Image Added

Adding Categories to a Menu

At Categories tab > choose categories options which you would like to add into Menu Structure. Click on Add to Menu button to finish. 

...

Style: text color and hover text color are two fields to style by HTML command.

 

 

Adding Custom Link to a Menu

At Custom Link tab > enter Title and add Link into textbox. Click on Add to Menu button to finish. 

...

View custom link at the front-end:


Deleting a Menu Item:

Press Mega Menu tab and choose menu. Nextly, click Select drop down-> Delete.


How to add your Menu to your site

Click on Save button at the top right.  

...

Congratulations! Your new custom menu has now been added to your site.

...

 

Update

  • When a new update is available, we will provide you with a new package containing our updated extension.
  • You will have to delete the module directory and repeat the installing steps above.
  • Flush the config cache. Your store and newly installed module should be working as expected.

 

...

Support

  • We will reply to support requests after 2 business days.
  • We will offer lifetime free update and 6 months free support for all of our paid products. Support includes answering questions related to our products, bug/error fixing to make sure our products fit well in your site exactly like our demo.
  • Support DOES NOT include other series such as customizing our products, installation and uninstallation service.

...