Latest news

How To Add Banner Slider In Magento 2 Homepage? (10 minutes)

No comments
For a Magento 2 website, the homepage plays a crucial role in creating the first good impression for visitors as well as encourage them to discover other pages on the store. Moreover, one of the most effective ways to make a nice Magento 2 homepage is using the banner slider. By displaying eye-catching banners in proper positions on the page, you can easily draw the buyers’ attention to your featured products, hot collections, or promotional campaigns.Unfortunately, Magento doesn’t support us to create the banner slider on homepage from the backend. Therefore, your site will need a Magento 2 banner slider extension to easily create, change and manage different banners on the admin panel. In this tutorial, we will use this Banner Slider Extension for Magento 2, one of the most powerful and comprehensive tools for banner management now.

To begin with, you must download the extension here and then follow our guide to install and configure it accurately.

1. M2 Banner Slider Extension: Installation

After downloading the plugin from Tigren store, you must unpack the zip file and upload all the components to the root directory of your Magento store.

Then, launch your SSH terminal and execute the following commands in turn:

php bin/magento module:enable Tigren_Core

php bin/magento module:enable Tigren_Bannermanager

php bin/magento setup:upgrade

php bin/magento cache:flush

2. M2 Banner Slider Extension: Configuration

  • Step 1: Upload the banners in the slider (block)

Go to your Admin panel, navigate to BANNER MANAGER and select Banners.

(Admin Panel => BANNER MANAGER => Banners)

magento 2 banner slider extension

Then, click on the Add New Banner button on the upper-right corner of the Banners page.

In the New Banner page, click on the Banner Information tab and enter all required fields:

– Set Banner Title in short.

– Add Description for the banner (optional).

– Upload the Image (banner) from your computer.

– Add the URL of the destination page shown when the customer clicks on the banner (optional).

– Choose Target of the destination page: Open in the same/ new window.

– Set start and end time for displaying the banner by picking specific dates from the calendar (optional).

– Activate the banner by setting Is Active to Yes.

– Set the order of the banner on the slider (e.g.: 0, 1, 2, 3,…)

– Click on Save Banner button to complete banner settings.

create new banner slider magento 2

Continue uploading more banners on the slider if you want.

  • Step 2: Create slider (block) containing the uploaded banners

Navigate to BANNER MANAGER and select Blocks.

(Admin Panel => BANNER MANAGER => Blocks)

Then, click on the Add New Block button on the upper-right corner of the Blocks page.

insert banner slider into cms page magento 2

In the New Block page, click on the Block Information tab and enter all required fields:

– Set Block Title in short.

– Select the Customer Groups who can view the image slider.

– Choose Block Position as Homepage-Content-Top

(This Banner Slider extension offers multiple positions to display the banners. Hence, you will be able to not only add banner slider in Magento 2 homepage but also other pages in your store)

– Set start and end time for displaying the banner slider by picking specific dates from the calendar (optional)

– Set the Display Type of the banner to Slider.

– Activate the block by setting Is Active to Yes.

– Set the order of the block (e.g.: 0, 1, 2, 3,…). When you create multiple blocks in the same position, only the one with the highest priority will be shown.

banner slider for magento 2

Now, switching to the Select Banner tab to select the banners (images) belong to this slider (block).

– Select the banners by marking the checkbox.

– Click on Save Block button to complete block settings.

Conclusion

We have shown you some simple steps to add the banner slider to your Magento 2 store by using the Magento 2 Banner Manager extension. If you have any problem when following our instruction, be free to leave a comment so that we can help!

Read More:

How To Create New Admin User In Magento 2? (5 minutes)

How To Migrate Magento 1 To Magento 2 In 30 Days?

What’s New In Magento 2.2.4?

3 Essential Steps To Turn Visitors To Buyers For Magento Stores

7 Limitations of Magento E-Commerce Website Development

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading...
April LeeHow To Add Banner Slider In Magento 2 Homepage? (10 minutes)

Leave a Reply

Your email address will not be published. Required fields are marked *