描述
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 ).
屏幕截图
安装
- 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.
常见问题
-
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 WordPress.org support forum for the free version. PRO licence holders have priority email support via the MonkeyDesign dashboard.
评价
此插件暂无评价。
贡献者及开发者
更新日志
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.