Reading list Switch to dark mode

    Product Carousel Widget For Magento 2

    Updated 22 November 2023

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

    • The slick effect used, no flash is needed.
    • This extension can be used at multiple places on 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.

    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 these commands in the Magento2 root directory.

    First command- php bin/magento setup:upgrade

    Searching for an experienced
    Magento 2 Company ?
    Find out More

    Second Command – php bin/magento setup:di:compile

    Third Command – php bin/magento setup:static-content:deploy

    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.

    Multi-Lingual Configuration

    For Multilingual support, please navigate to Store>Configuration>General >Locale Options. And select your desired language from the Locale option.change language-magento 2 locale

    Language Translation

    If you need to do the module translation, please navigate to the following path in your system app/code/Webkul/ProductCarousel/i18n.
    Open the file named en_US.CSV for editing as shown in the below screenshot.

    Magento2 Change CSV language file

    Once you have opened the file for editing. Replace the words after the†comma(,)†on the right with your translated words.

    Magento2 Change Language

    After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV. Then upload the translated file to the same folder from where you have obtained it. Now your module translation is complete.

    Magento2 Change CSV Language file

    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.

    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 module. Still have any issue feel free to add a ticket and let us know your views to make the module better

    Current Product Version - 2.0.0

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

    . . .

    Leave a Comment

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

    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content