Table of Contents
View Magento 2 Responsive Navigation Menu Extension Detail Page for Features and Demo
Documentation for Responsive Navigation Menu
Preference
Responsive Custom Menu is a perfect extension for the store owners who wants to convert store 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.
- 100% w3c validate code.
- Speed Optimization.
- Apply a Promotion Static Block at the any place of Menu bar.
- Display all categories & subcategories with level filter.
- You are totally able to customize your menu with sorting order according to the requirement.
- User Friendly and Flexible configuration.
- Compatible with Most of the Browser.
- Add/Edit-Update/Delete Functionality available on admin side.
- Easy to customize without any conflict issue.
- Easy to set all style changes like text color, background color & font size from back end.
- Support multiple websites, stores & store views.
Installation
There are two ways of installing extension in magento2.
- Using COMMAND LINE.
- 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 → Advanced → Advanced, the module will be displayed in the admin panel.
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_CustomMenu’ ⇒ 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 → Advanced → Advanced, the module will be displayed in the admin panel.
Backend Example
After Installation of Extension log in to magento admin panel for set configuration of the extension.
Extension menu and sub menu:
As per below screen shots you can set all configuration details & all common style settings here.
To 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.
To set no. of Sub Menus for Menu bar Please go to Responsive Custom 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.
Frontend Example
After all changing from back end you can see hamburger menu icon & name at top of the page.
After clicking on SHOP link you can see Off-canvas menu here.