內容簡介
MonkeyDesign Product Carousel for Elementor 是一款專為 Elementor 提供的 WooCommerce 產品輪播和滑動小工具。使用者可以輕鬆選擇產品來源，自訂卡片樣式，快速建立吸引人的產品展示。
【主要功能】
• 支援多種產品來源：最新產品、特選產品、促銷商品等
• 自訂佈局：無限欄位設定，適用於桌面、平板和手機
• 卡片建構器：獨立控制每個元素顯示
• 自動播放與導航：可設定延遲、自動循環等功能
• 高效能：使用 Swiper.js，無需 jQuery
• 可訪問性：支援螢幕閱讀器和完整鍵盤導航
外掛標籤
開發者團隊
② 後台搜尋「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
Overlay skin — image fills the card, content slides up on hover
Quick view modal — open product details without leaving the page
AJAX add to cart — spinner, success state, and toast notification on add to cart
Wishlist button — let customers save products for later
Sale countdown timer — display a live countdown on sale products
Navigation style controls — custom arrow icon, color, size, background, and shadow; dot color and active state color
Progress bar — animated progress bar below the carousel
Fraction display — current / total slide counter
Scrollbar — draggable scrollbar navigation
Thumbnail navigation — row of thumbnail slides below the main carousel
Slider sync — link two carousels on the same page 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 ).
