Description
MonkeyDesign Product Carousel adds a fully featured WooCommerce product carousel and slider widget to Elementor. Drop it on any page, pick your product source, style the cards — done.
Looking for a WooCommerce carousel or product slider for Elementor? This widget gives you both, with a powerful query engine that goes beyond simple product lists.
The main value is not the sliding itself (Swiper handles that), but the product query engine and the card builder: control where products come from and exactly what each card shows.
Key free features
Product sources
* Latest products
* Featured products
* On sale
* Best sellers (cached for performance)
* By category or tag
* Manual product selection (comma-separated IDs)
* Related products
Layout
* Unlimited columns — set independently for desktop, tablet, and mobile
* Two skins: Classic (bordered card) and Minimal (frameless)
* Configurable gap between slides
* Center mode (active slide centered, adjacent slides partially visible)
Card builder — every element independently toggleable
* Product image (eager LCP on first slide, lazy on the rest)
* Title, price, star rating
* Sale / featured / out-of-stock badge
* Add to cart button
* Short description, stock status
Navigation & autoplay
* Arrow buttons and pagination dots
* Touch drag, mouse drag, keyboard navigation
* Autoplay with configurable delay, pause on hover, infinite loop
Performance
* Swiper.js (not jQuery-dependent Slick)
* No jQuery
* CSS and JS load only on pages that contain the widget
* First slide image gets loading="eager" and fetchpriority="high" — improves LCP
Accessibility
* Screen reader labels on arrows via Swiper’s a11y module
* Full keyboard navigation
* Visible focus styles on all interactive elements
* Arrows are real <button> elements with aria-label
* Respects prefers-reduced-motion (disables autoplay and transition animations)
PRO features
- Quick view modal — open product details without leaving the page
- AJAX add to cart — add products without page reload
- Wishlist button — let customers save products for later
- Sale countdown timer — display a live countdown on sale products
- Navigation style controls — custom arrow color, size, and background; dot color and active state color
- Thumbnail navigation — row of thumbnail slides below the main carousel
- Slider sync — link two carousels to scroll together
Template override
Developers can override the card template from their theme:
- Create
your-theme/product-carousel/card.php - Copy the contents of
product-carousel/templates/card.php - Modify as needed
The rendered card HTML is also filterable: apply_filters( 'mdpc_card_html', $html, $product, $settings ).
Screenshots
Installation
- Upload the
monkeydesign-product-carouselfolder to/wp-content/plugins/ - Activate the plugin through the Plugins menu in WordPress
- Open any page in Elementor, find the 🐒 MonkeyDesign widget section, and drag Product Carousel onto the canvas
Requirements: WooCommerce 7.0+ and Elementor 3.5+ must be installed and active.
FAQ
-
Does this work with Elementor Free (without Elementor Pro)?
-
Yes. The plugin only uses Elementor’s public widget API, which is part of the free version.
-
Does it require WooCommerce?
-
Yes. WooCommerce must be active — the plugin uses its product data and query functions.
-
Will it slow down my site?
-
No. Swiper.js and the carousel CSS only load on pages where you actually place the widget. No jQuery. No CDN requests — all assets are bundled with the plugin.
-
Can I override the card template from my theme?
-
Yes. Copy
monkeydesign-product-carousel/templates/card.phptoyour-theme/product-carousel/card.phpand modify it freely. -
How does the Best Sellers source work?
-
It queries the
total_salesproduct meta and caches the result in a transient for 1 hour by default. You can change the cache duration with themdpc_best_sellers_cache_secondsfilter. -
How do I control the product query?
-
Each widget instance has its own source, limit, orderby, and order settings. You can also filter the WP_Query arguments programmatically with the
mdpc_query_argsfilter. -
Is the plugin accessible?
-
Accessibility is treated as a baseline free feature — it is never locked behind PRO. The widget uses Swiper’s built-in a11y module, real
<button>elements for navigation arrows, keyboard navigation, visible focus styles, and honoursprefers-reduced-motion. -
Where can I get support?
-
Use the ww.wp.xz.cn support forum for the free version. PRO licence holders have priority email support via the MonkeyDesign dashboard.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“MonkeyDesign Product Carousel for Elementor” is open source software. The following people have contributed to this plugin.
Contributors
“MonkeyDesign Product Carousel for Elementor” has been translated into 1 locale. Thank you to the translators for their contributions.
Translate “MonkeyDesign Product Carousel for Elementor” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.2
- Readme: removed features not yet available in this version.
- Card renderer: theme template override now works by copying card.php to your-theme/product-carousel/card.php.
1.0.1
- Freemius SDK integration improved: licence activation, account and upgrade flow.
1.0.0
- Initial release.
- Query engine: latest, featured, on sale, best sellers (cached), by category/tag, manual, related products.
- Card builder with 8 independently toggleable elements.
- Two free skins: Classic and Minimal.
- Responsive column control for desktop, tablet, and mobile.
- Arrows, dots, touch/mouse/keyboard navigation.
- Autoplay with pause on hover, loop, and configurable speed.
- LCP optimisation: first slide image gets
loading="eager"andfetchpriority="high". - Conditional asset loading — CSS/JS only on pages with the widget.
prefers-reduced-motionsupport in both CSS and JS.- Template override support from theme.
mdpc_card_htmlandmdpc_query_argsdeveloper filters.- Freemius SDK integration for PRO upgrade flow and licence management.