MonkeyDesign Product Carousel for Elementor
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 ).