Table of Contents
View Magento 2 Responsive Banner Slider Extension Detail Page for Features and Demo
Documentation for Responsive banner slider
Preference
- Mageants Banner Slider extension very useful for display banner slides to anywhere in your website. Multiple slider management Banner slider give easy way to use and display on frontend. As slide you can user category, image or product.
- Enable / Disable Banner Slider module.
- Manage multiple banner and its slides.
- You can create separate Banner Slider for store.
- Short code easy to use.
- Category, product or external image use as slide.
- Image + slide content management.
- Rearrange slide order.
- Set default setting for new slider from admin configuration
- Manage speed, auto-play, navigation display, bullets display,keyboard navigation control and advance setting for advance user who have sound knowledge of CSS and JS.
- You can set responsive banner slider in any cms pages.
- You can create multiple banner slider as well.
- You can add url in banner so when customer click on button then customer redirect to particular page.
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 → Mageants → Responsive banner slider, 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_Responsivebannerslider’ ⇒ 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 banner slider, the module will be displayed in the admin panel.
Backend Example
- After Installation of Extension login to magento admin panel for set configuration of the extension.
- You can find configuration at Stores → Configuration → Mageants → Banner slider.
You can enable / disable and default setting of Banner Slider.
Menu : Content → Banner Slider → Slider
BANNER SLIDER CREATE / EDIT SCREEN :
- General Tab :
- Setting Tab :
- Slides Tab :
SLIDES CREATE / EDIT SCREEN :
- Slide Tab : Menu : Content → Banner Slider → Slide
- Advance Setting Tab :
- Preview
Here, Preview Tab To Display Edited Slider Preview
- Then to go Slider.
Here, Copy display code and paste in cms pages where you want to display your slider.
Example:-
Content → Element → Pages → Edit home page cms → Goto Content → Paste your banner slider copy code → Save.
Add Widget To Display Banner Slider In Category Page.
Content→ Element → Widgets → AddNew Widgets → Select Widget
Then Set Widget Storefront Property
Then Select Slider To Display Selected Layout And Save.
Frontend Example
Front-end Banner Slider display in home page
Front-end Banner Slider display in Selected Category page