How to Create WooCommerce Product Carousel in Elementor?

Updated onApril 11, 2026By

Key Takeaways

  • The Plus Addons for Elementor includes a Product Listing widget that allows users to create a product slider.
  • Users can select Carousel from the Layout section after adding the Product Listing widget to display products in a carousel slider.
  • Carousel management options are available under the Style > Carousel Options tab in The Plus Addons for Elementor.
Table Of Content

Are you looking to enhance your WooCommerce product display with a dynamic and captivating carousel slider on your Elementor website? The carousel slider is an engaging and popular way to showcase products on your website, allowing for a smooth and interactive browsing experience.

You can easily create a product slider with the Product Listing widget from The Plus Addons for Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To do this, make sure you’ve added some products in your WooCommerce store, then follow the steps 

1. Add the Product Listing widget on the page. 

2. After selecting the appropriate listing type from the Product Listing Types dropdown and style, select Carousel from the Layout section.

Product listing carousel layout new how to create woocommerce product carousel in elementor? From the plus addons for elementor

Now your products will show in a carousel slider. You can manage the carousel from the Style > Carousel Options tab.

Also, check How to Show WooCommerce Products in Masonry Grid Layout in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the product carousel is not displaying on my Elementor page?

If the product carousel isn't showing, ensure that you have added products to your WooCommerce store. The Product Listing widget from The Plus Addons for Elementor requires products to be present to display them in a carousel. If products are added and it still doesn't show, check that the widget is installed and activated correctly.

What are the best settings for optimizing the product carousel for mobile users?

For mobile optimization, consider adjusting the carousel settings in the Style > Carousel Options tab. Ensure that the number of visible items is reduced for smaller screens to enhance usability. The Plus Addons for Elementor allows you to customize these settings for a better mobile browsing experience.

Does the product carousel support autoplay functionality?

The Product Listing widget from The Plus Addons for Elementor does support autoplay functionality for the carousel. This feature can enhance user engagement by automatically cycling through products, making it easier for visitors to view multiple items without manual interaction.

Last reviewed: April 11, 2026

Related Docs