Magento 2 Mega Menu User Guide

  • admin admin |
  •    26 Sep, 2023  |
  •    0 Comments
Magento 2 Mega Menu User Guide

Magento 2 Mega Menu extension enables you to create a big, multi-column drop-down menu that may display a wide range of material such as categories, goods, CMS pages, photos and videos. This might be a best approach to optimise your Magento 2 store's navigation, especially if you have a large number of products or categories.

Features

  • Enable / disable extension with a single click
  • Easy to manage and customize
  • Horizontal Menu / Vertical Menu
  • Allow / Disallow User Group
  • Assign static blocks for menu content
  • Assign CMS page link to menu
  • Add external link as a menu item
  • Drag and drop menus for menu displaying order
  • Add menu widget anywhere
  • Responsive and SEO friendly
  • 24/7 Support
  • 30 Days Free Support
  • Our Extensions are Easy Installation & Configuration
  • Our Codes are reusability
  • Our Extensions are Safe & Secure

Installation Steps

Buyers will get a Zip file, they have to unzip / extract the file to their system. The uncompressed folder will have a folder called Scriptzol and you need to transfer the Scriptzol folder to your Magento 2 root directory /app/code/.

Extension Upload ftp

After the successful transfer, buyers have to run the following commands in the Magento 2 root directory with the help of terminal.

  • php bin/magento setup: upgrade
  • php bin/magento setup: di:compile
  • php bin/magento setup: static-content:deploy

After the commands running successfully, need to flush the cache in admin panel.

flush cache

cache Flush

Installation steps done.

Configuration Steps

Multiple Languages

To configure in multiple languages, Under Store > Configuration > General > Locale in admin panel , select the language which needed.

Translation of Languages

For translation of the content in the module, In the app/code/Scriptzol/Megamenu/i18n folder, need to add the file. To add a file for specific language, for eg.arabic for Saudi Arabia, ar_SA.csv is the file name format.

Magento 2 Mega Menu Language File

The file content should be like the below screenshot.

Magento 2 Mega Menu Language File Edit

Left side of the column is the original content, right side contains translations.

The file content should be like the below screenshot.

Magento 2 Mega Menu Language File Edit Columns

Single Click Enable / Disable

Admin can enable / disable the extension in a single click. And they can set the menu as primary menu anytime.

Mega Menu General Config

Add Menu Option

The Add menu options are title which is for their reference, design type such as horizontal or vertical and the alignment whether it is to be aligned in left or right or center. And admin can set the menu to show for user customer group.

Mega Menu Add Menu

Menu List

Once menu added, which it will be listed on the menu list page.

Mega Menu List

Menu Selection Options

There are four options for menu content selections. One being the category and others being static block, page and external link.

Mega Menu Selection Options

Block Selection

In this option, admin can set any static block as the menu content. Not only, they can split the contents into number of columns too.

Mega Menu Block Selection

Category Selection

In this option, admin can set category as menu item directly.

Mega Menu Category Selection

Page Selection

With this option, any page can be selected as the menu item.

Mega Menu Page Selection

External Link

Any external link with the label can be added here.

Mega Menu External Link

Output

As the items added, category / cms page link / external link will be shown on frontend.

Mega Menu Output

Static Block Output

As the block selected in block selection, the static block will be shown under the menu.

Mega Menu Static Block Output

We hope this guide helped for configuration successfully. Please feel free to contact us.

Email: support@scriptzol.com / sales@scriptzol.com

Buy Now: Magento 2 Mega Menu

Contact Us: Contact Support Team

License: License Agreement

Comments

  • No Comments Found!!
Post Comments