Product Carousel Widget for Magento 2

Product Carousel Widget for Magento 2

The extension Magento 2 Product Carousel Widget will allow you to display your products in a very elegant carousel style. The module allows you to put different product ids (separated by comma) and each product is linkable to a separate product.

Features – Magento 2 Product Carousel Widget

  • Slick effect used, no flash is needed.
  • This extension can be used at multiple places within the same page.
  • Set the size of the images and the widget block which holds the images.
  • Edit the widget at any time as per need.
  • Set the widget block background color.
  • Easily Configurable by Admin.

Installation – Magento 2 Product Carousel Widget

Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento 2 root directory on the server as shown below.

After the successful installation, you have to run the command on Magento2 root directory -“php bin/magento setup:upgrade”.

Also, run this command into the Magento2 Root – “php bin/magento setup:static-content:deploy” as shown below.

After running the commands, you have to flush the cache from the Magento admin panel by navigating through ->System->Cache management as shown below in the snapshot.

Configuration – Magento 2 Product Carousel Widget

After the successful installation of the module, the admin will navigate to Content -> Pages.

Here, click the “Add New Page” button that brings up a new page.

Now enter the name for this new page. Now go to the content section and enter the content heading. After that click on the insert widget and a page to add the widget will appear. Here, from the drop-down option select the “Fancy product carousel” as shown below in the snapshot.


Selecting the Fancy product carousel will bring this widget’s options as shown below in the snapshot.

Here, the admin will enter

  • Product Ids(add the product ids that are to be displayed in the carousel separated by commas).
  • Box Width(set the width of the box that displays the carousel).
  • Background Color(set the background color of the box).
  • Image Width(set the width for the images).
  • Image Height(set the height of the images).

Now, click the “Insert Widget” button to insert the widget into the page and then click the “Save” button to save this page.

Frontend – Magento 2 Product Carousel Widget

After configuring all the required information, the Magento 2 Product Carousel is ready to be displayed on the selected page. Just navigate to the page to find the product carousel.

Clicking on any product image in the carousel will take you to the product page of that product. Now, you can add that product to the cart for making a purchase.

That’s all for the Magento 2 Product Carousel Widget still have any issue feel free to add a ticket and let us know your views to make the module better