Do you want a row of products that shoppers can swipe through — new arrivals, best sellers, a sale? A carousel fits a lot of products into little space.
The Woo Product Listing widget in The Plus Addons for Elementor has a Carousel layout.
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 it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — the Woo Product Listing widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.
- WooCommerce installed and active, with some published products.
- Widget to enable: Woo Product Listing, switched on under ThePlus Settings > Widgets.
Step 1: Add the widget and choose Carousel
Drag the Woo Product Listing widget onto the page. In Content > Content Layout, set Layout to Carousel.
Step 2: Choose which products
In Content > Content Source, narrow the products if you like — a category, or Display Product set to Featured or On sale — and set Maximum Posts Display to the number of products in the carousel.
Step 3: Configure the slider
The slider settings are on the Style tab in Carousel Options: columns per device, autoplay, arrows, dots, infinite loop and centre mode.
Limitations
- Pro only. The Woo Product Listing widget is not in the free plugin.
- No filter or loading options. Category Wise Filter, pagination, Load More and Lazy Load are not available on Carousel.
- Not for Wishlist or Recently Viewed listings. The plugin notes those two do not work with Carousel or Metro.
Troubleshooting
The carousel does not move
There are no more products than visible columns. Add products or reduce the columns.
Related Docs
- Woo Product Listing widget: settings overview — every control in the widget.
- Show products in a grid
- Show featured products
