Title: MonkeyDesign Product Carousel for Elementor
Author: monkeydesign2026
Published: <strong>2026 年 6 月 16 日</strong>
Last modified: 2026 年 6 月 16 日

---

搜索插件

![](https://ps.w.org/monkeydesign-product-carousel/assets/banner-772x250.png?rev
=3574070)

![](https://ps.w.org/monkeydesign-product-carousel/assets/icon-256x256.png?rev=3574070)

# MonkeyDesign Product Carousel for Elementor

 作者：[monkeydesign2026](https://profiles.wordpress.org/monkeydesign2026/)

[下载](https://downloads.wordpress.org/plugin/monkeydesign-product-carousel.1.0.2.zip)

 * [详情](https://cn.wordpress.org/plugins/monkeydesign-product-carousel/#description)
 * [评价](https://cn.wordpress.org/plugins/monkeydesign-product-carousel/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/monkeydesign-product-carousel/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/monkeydesign-product-carousel/#developers)

 [支持](https://wordpress.org/support/plugin/monkeydesign-product-carousel/)

## 描述

**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:

 1. Create `your-theme/product-carousel/card.php`
 2. Copy the contents of `product-carousel/templates/card.php`
 3. Modify as needed

The rendered card HTML is also filterable: `apply_filters( 'mdpc_card_html', $html,
$product, $settings )`.

## 屏幕截图

[⌊The Product Carousel widget on a page — Classic skin, 3 columns desktop layout.⌉⌊
The Product Carousel widget on a page — Classic skin, 3 columns desktop layout.⌉[

The Product Carousel widget on a page — Classic skin, 3 columns desktop layout.

[⌊The Elementor panel showing the 🐒 MonkeyDesign section with the Product Carousel
widget.⌉⌊The Elementor panel showing the 🐒 MonkeyDesign section with the Product
Carousel widget.⌉[

The Elementor panel showing the 🐒 MonkeyDesign section with the Product Carousel
widget.

[⌊Query controls — product source selector with category, tag, and manual selection
options.⌉⌊Query controls — product source selector with category, tag, and manual
selection options.⌉[

Query controls — product source selector with category, tag, and manual selection
options.

[⌊Card element toggles — enable or disable image, title, price, rating, badge, and
add to cart independently.⌉⌊Card element toggles — enable or disable image, title,
price, rating, badge, and add to cart independently.⌉[

Card element toggles — enable or disable image, title, price, rating, badge, and
add to cart independently.

[⌊Autoplay controls — delay, pause on hover, infinite loop, and transition speed
settings.⌉⌊Autoplay controls — delay, pause on hover, infinite loop, and transition
speed settings.⌉[

Autoplay controls — delay, pause on hover, infinite loop, and transition speed settings.

[⌊Minimal skin variant — frameless cards with outline add-to-cart button.⌉⌊Minimal
skin variant — frameless cards with outline add-to-cart button.⌉[

Minimal skin variant — frameless cards with outline add-to-cart button.

[⌊The plugin Settings page — system status showing WooCommerce and Elementor versions.⌉⌊
The plugin Settings page — system status showing WooCommerce and Elementor versions
.⌉[

The plugin Settings page — system status showing WooCommerce and Elementor versions.

## 安装

 1. Upload the `monkeydesign-product-carousel` folder to `/wp-content/plugins/`
 2. Activate the plugin through the **Plugins** menu in WordPress
 3. 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.php` to `your-theme/product-
carousel/card.php` and modify it freely.

### How does the Best Sellers source work?

It queries the `total_sales` product meta and caches the result in a transient for
1 hour by default. You can change the cache duration with the `mdpc_best_sellers_cache_seconds`
filter.

### 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_args`
filter.

### 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 honours `prefers-
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.

## 评价

此插件暂无评价。

## 贡献者及开发者

「MonkeyDesign Product Carousel for Elementor」是开源软件。 以下人员对此插件做出
了贡献。

贡献者

 *   [ monkeydesign2026 ](https://profiles.wordpress.org/monkeydesign2026/)

「MonkeyDesign Product Carousel for Elementor」插件已被翻译至 1 种本地化语言。 感谢
[所有译者](https://translate.wordpress.org/projects/wp-plugins/monkeydesign-product-carousel/contributors)
为本插件所做的贡献。

[帮助将「MonkeyDesign Product Carousel for Elementor」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/monkeydesign-product-carousel)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/monkeydesign-product-carousel/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/monkeydesign-product-carousel/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/monkeydesign-product-carousel/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/monkeydesign-product-carousel/)。

## 更新日志

#### 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"` and `fetchpriority
   ="high"`.
 * Conditional asset loading — CSS/JS only on pages with the widget.
 * `prefers-reduced-motion` support in both CSS and JS.
 * Template override support from theme.
 * `mdpc_card_html` and `mdpc_query_args` developer filters.
 * Freemius SDK integration for PRO upgrade flow and licence management.

## 额外信息

 *  版本 **1.0.2**
 *  最后更新：**4 天前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **6.8.5**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/monkeydesign-product-carousel/) 
   和 [Russian](https://ru.wordpress.org/plugins/monkeydesign-product-carousel/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/monkeydesign-product-carousel)
 * 标签
 * [elementor](https://cn.wordpress.org/plugins/tags/elementor/)[product carousel](https://cn.wordpress.org/plugins/tags/product-carousel/)
   [product slider](https://cn.wordpress.org/plugins/tags/product-slider/)[woocommerce](https://cn.wordpress.org/plugins/tags/woocommerce/)
   [WooCommerce carousel](https://cn.wordpress.org/plugins/tags/woocommerce-carousel/)
 *  [高级视图](https://cn.wordpress.org/plugins/monkeydesign-product-carousel/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/monkeydesign-product-carousel/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/monkeydesign-product-carousel/reviews/)

## 贡献者

 *   [ monkeydesign2026 ](https://profiles.wordpress.org/monkeydesign2026/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/monkeydesign-product-carousel/)