Responsive banner slider – Magento 2
USER MANUAL
Supported Version: 2.0, 2.1, 2.2, 2.3
www.mageants.com support@mageants.com 1
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………………………………………………………………….10

www.mageants.com support@mageants.com 2
Preface:
- 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.
www.mageants.com support@mageants.com 3
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
banner slider. The module will be displayed in the admin panel.
www.mageants.com support@mageants.com 4
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.
www.mageants.com support@mageants.com 5
Configuration
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.

Back-end Example:
www.mageants.com support@mageants.com 6
You can enable / disable and default setting of Banner Slider.
Menu : Content → Banner Slider → Slider




BANNER SLIDER CREATE / EDIT SCREEN :
www.mageants.com support@mageants.com 7
General Tab :


Setting Tab :
Slides Tab :
www.mageants.com support@mageants.com 8


SLIDES CREATE / EDIT SCREEN :
Slide Tab : Menu : Content → Banner Slider → Slide

Advance Setting Tab :
www.mageants.com support@mageants.com 9

Preview.
Here, Preview Tab To Display Edited Slider Preview

Then to go Slider.
www.mageants.com support@mageants.com 10

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.

Front-end Banner Slider display in home page.
www.mageants.com support@mageants.com 11

Add Widget To Display Banner Slider In Category Page.
Content→ Element → Widgets → AddNew Widgets → Select Widget
Then Set Widget Storefront Property.
www.mageants.com support@mageants.com 12
Then Select Slider To Display Selected Layout And Save.

Front-end Banner Slider display in Selected Category page.
www.mageants.com support@mageants.com 13
Thank you!
if you have any questions or feature suggestions, please contact us at:
https://www.mageants.com/contact
Your feedback is absolutely welcome!
www.mageants.com support@mageants.com 14