This document provides instructions for installing and configuring the Responsive Navigation Menu extension for Magento 2. It can be installed via command line or manually. The backend allows creating menu groups and items, setting styles, and configuring other options. On the frontend, clicking the menu icon displays an off-canvas responsive navigation menu with all categories and items. Admins can fully customize the look and functionality of the top navigation menu.
If this Giant Must Walk: A Manifesto for a New Nigeria
Magento 2 Responsive Navigation Menu
1. Responsive navigation menu – Magento 2
USER MANUAL
Supported Version: 2.0, 2.1, 2.2, 2.3
www.mageants.com support@mageants.com 1
2. Table Of Contents
Preface ......................................……………………………………......3
Installation...................................………………………………………..4
Option 1: Magento 2 install extension using COMMAND LINE .........…………..…..4
Option 2: Magento 2 install extension manually ………………………………….......5
Backend Example ………………………………………………………...……...6
Extension configuration………………………………………………………...6
Frontend Example………………………………………………………………….11
www.mageants.com support@mageants.com 2
3. Preface
- Responsive Custom Menu is a perfect extension for the store owners who
wants to top menu by Off-canvas hamburger menu.
- Attractive sliding layout with Fully liquid responsive and retina ready.
- Ability to create any number of Groups & Menus from Back end.
- Highly customization product’s look in slider like add or remove Product
Price, Add to Cart Button, Wish list, Compare, Reviews.
- Quickly change the look of your store's navigation.
- Display all categories & subcategories with level filter.
- Apply a Promotion Static Block at the any place of Menu bar.
- You are totally able to customize your menu with sorting order according to
the requirement.
- Add/Edit-Update/Delete Functionality available on admin side.
- Easy to set all style changes like text color, background color & font size from
back end.
- Support multiple websites, stores & store views.
www.mageants.com support@mageants.com 3
4. Installation:
There are two ways of installing extension in magento2.
1) Using COMMAND LINE.
2) Manually install extension.
Option 1: Magento 2 install extension using COMMAND LINE (Recommended).
Follow below steps to install extension from the command line.
Step 1: Download the extension and unzip it.
Step 2: Upload it to code directory in your magento installation’s app directory.
If code directory does not exists then create.
Step 3: Disable the cache under System → Cache Management.
Step 4: Enter the following at the command line:
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
Step 5: Once you complete above steps log out and log in back to the admin
panel and switch to Stores → Configuration → Mageants → Responsive
navigation menu. The module will be displayed in the admin panel.
www.mageants.com support@mageants.com 4
5. Option 2: Magento 2 install extension manually.
Step 1: Download the extension and unzip it.
Step 2: Upload it to code directory in your magento installation’s app directory.
If code directory does not exists then create.
Step 3: Disable the cache under System → Cache Management Edit
app/etc/config.php file and add one line code: ‘Mageants_Responsive
navigation menu’ → 1
Step 4: Disable the cache under System → Cache Management
Step 5: Once you complete above steps log out and log in back to the
admin panel and switch to Stores → Configuration → Mageants →
Responsive navigation menu, the module will be displayed in the admin
panel.
www.mageants.com support@mageants.com 5
6. Backend configuration
After Installation of Extension log in to magento admin panel for set
configuration of the extension.
Extension Configuration
Extension menu and sub menu
www.mageants.com support@mageants.com 6
7. As per below screen shots you can set all configuration details & all
common style settings here.
www.mageants.com support@mageants.com 7
8. T
o set no. of Groups for menu Please go to Responsive Custom
Menu -> All Groups there you can see list of all Groups which
added by you & click on Add New Group button for the add new
group.
Here, you can set group Title & other details as per showing in
screen shot.
www.mageants.com support@mageants.com 8
9. T
o set no. of Sub Menus for Menu bar Please go to Responsive Cus
tom Menu -> Sub Menus there you can see list of all Sub Menus
which added by you & click on Add New Sub Menu button for the
add new sub menu.
Here, you can set Sub Menu Title & other details as per showing in
screen shot.
www.mageants.com support@mageants.com 9
11. Frontend example
After all changing from back end you can see menu icon & name at
top of the page.
After clicking on SHOP link you can see Off-canvas menu here.
www.mageants.com support@mageants.com 11
12. Thank you!
if you have any questions or feature suggestions, please contact us at:
https://www.mageants.com/contact-us
Your feedback is absolutely welcome!
www.mageants.com support@mageants.com 12