Magento 2 Banner Slider extension
Mageplaza Banner slider for Magento 2 is a supportive marketing tool which allows store owners to display unlimited eye-catching banner sliders on their Ecommerce website. By this way, the extension helps draw customers' attention as well as optimize their experience, with a user-friendly interface.
Magento 2 Banner Slider Module accordingly will help improve customer retention and prevent the site from being abandoned by customers. This actually will increase the rate of subscribers of the website.
Run the following command in Magento 2 root folder:
composer require mageplaza/module-banner-slider php bin/magento setup:upgrade php bin/magento setup:static-content:deploy
Q: I got error:
Mageplaza_Core has been already defined
A: Read solution Here.
Q: Can I set the Banner to any places on the store site?
A: Absolutely yes, you can configure it easily by adding Banner Slider widget to any CMS Page of CMS Static Block.
Q: Is there any animation effects for Banners movement?
A: Yes, there are 9 optional animation effects for Banner Sliders displaying. You can select and flexible change it in the backend.
Q: Does this extension support any available templates for banners?
A: Yes. We support 4 available templates that you can use for customization. Please set Advanced Type and select the demo template. See more information Here.
Q: Can I create a Banner Slider Widget?
A: Yes, you can create the widget by navigating to
Content > Elements > Widgets, then set type as Banner Slider Widget and Design Theme. See more information Here.
Banner Slider Extension helps store owners upload unlimited banners with ease. This tool supports multiple image formats as .ipg, .ipeg, .gif, and .png. The flexibility of banners and sliders location even can meet requirements of store owners with special marketing strategies. More amazing, the diversity in design, as well as the appearance of banners and sliders, can contribute to the professional performance of the store. And helps they achieve typical views from expectable customers.
Animation effects can considerably better the Sliders' appearance, and make them appealing to customers. Banner Slider module by Mageplaza support 9 available slider effects including:
The store owner can swiftly design the banner sliders as their requirement. Besides the presentation effects, the extension also allows customizing various features of the slider such as:
For website administrators who have certain knowledge and technical skills about coding, uploading images for Sliders can be quicker and easier than ever. You can input codes into the editor section, as the module supports advanced demo templates that can be edited via the backend editor.
Furthermore, this function allows admins to upload multiple images at the same time, by embedding their links to the editor.
The extension allows the store admin to set position for Sliders easily from the options list with various available positions on the site. The main positions including the product view page, product list page, homepage, header, and footer. Furthermore, another way to locate Banner Sliders is manually creating a widget and add to any CMS Page, or CMS Static Block of the site. The strategic location of Banner Sliders will play an indispensable role in raising the interest in customers' mind, as well as stimulate their purchasing behaviors.
View and edit Banners easily in management grids.
Attach an URL to the Banner, and navigate to a new tab after clicking on.
Enable Sliders' visibility to specific store views and specific customer groups.
Set the amount of time to display the Slider.
Banner Sliders can work well on multiple interfaces such as mobiles, desktops, tablets, and any other screen sizes.
The extension will publish a report on Click and Impression data, which represents the possibility and effectiveness of Banner Sliders.
In this guide, I will show you how to insert A banner slider into Homepage of Magento 2 store.
Login to the Magento Admin, navigate to
Store > Configuration > Mageplaza > Banner Sliders
Yes to activate the module and No to disable it.
Noto set the default number of displayed Banners (1 banner).
Yesto configure number of displayed banners. You can customize Screen size from and Number of items in the Max Items field.
For instance: Set Screen size from = 100, Number of items = 3, the frontend will be seen as:
Yesto enable the auto-width function.
Note: Use width style on elements to get the result you want. If using with infinity loop add option 'items' more than 1. It all depends on the width of your content.
Yesto enable the auto-height function.
Yesto display Slider again after the last Banner.
Show Next/Prev buttons:
Next/Prevbuttons on the frontend when they want to see the next Banners or see again the previous ones.
Next/Prevbuttons, the Slider will move Banners as their intent.
Yesin this section to show dots that represent for the Sliders page number.
Lazy Load Images: Set
Yes to enable lazy-load mode when showing Banners.
Yes to set Banners on the Slider automatically move to the left, after a specific time. This time cycle can be configured in
Autoplay TimeOut. In the next displayed fields:
How to Create New Banner
Admin Panel, navigate to
Content > Banner Sliders > Manage Banners, in the right side, hit
Add New button.
Enableto activate the Banner.
Type: Select the type of Banner
URL: Set the URL of the destination page, which the customer will be redirected to when clicking on the Banner.
Type = advanced: You can set images for Banners here. It is possible to upload multiple Banners at the same time. Demo Template fields will appear and you can select the following templates:
Demo Template 1
Demo Template 2
Demo Template 3
Demo Template 4
Demo Template 5
- Click on Load Template button to display the image of the template.
- Set Show/ Hide Editor: display code, or image of the template.
- Insert Image: Insert image for the Banner (it is possible to add many images at the same time). You should add many images if changing Show/ Hide Editor to code format, it can be more feasible and prevent issues as well.
Open new tab after clicking:
Yes, your customer will be redirected to a new tab when clicking to one of the Banners.
No, it will automatically reload the page, the customer will be navigated to the destination page, but still in the previous tab.
Slider: Select the Slider in which Banners will be displayed.
How to Create New Slider
In the Admin Panel, navigate to
Content > Banner Sliders > Manage Slider, in the right side, click on Add New button.
Enableto activate the Slider. This allows admin to see Banners easily and concisely.
For each Slider, it is possible to use Widgets, in order to set position to display.
This section stores information about created Banner such as ID, Image, Name, Status, Type, Position. Here you can select an appropriate banner to show on Sliders.
Manually Design: Choose the design data from:
Use configuration: Below fields will be hidden and data will be taken from the configuration
Yesto display customizable design for your Sliders. The design function is the same as in Slider Design Configuration, you can refer to the instruction that has been introduced above.
Besides already available positions, you can get the Banner Slider to appear wherever on the website. To create a Widget, you can do as following:
Content > Elements > Widgets, select
Step 2: In the Settings section, set:
Type = Banner Slider widget
Design Theme = Magento Luma
Continue to move to the next step.
Savebutton to save the configuration, then check how it works on the frontend.