內容簡介
Lime Product Carousel Block 是一款專為 WooCommerce 設計的 Gutenberg 外掛，能以流暢的旋轉木馬形式展示產品。無需使用 jQuery，輕鬆在任何頁面或小工具區域中配置與顯示產品。
【主要功能】
• 支援顯示最新產品、特價產品及分類產品
• 可自訂可見幻燈片數量，適用於各種裝置
• 具備觸控拖曳功能，適合行動裝置與桌面使用
• AJAX 加入購物車，實時更新數量
• 完全透過控制面板設定樣式，無需撰寫 CSS
外掛標籤
開發者團隊
② 後台搜尋「Product Carousel Block for WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
Lime Product Carousel Block adds a native Gutenberg block to showcase your WooCommerce products in a smooth, responsive carousel. Built with Embla Carousel — no jQuery, no slick, no bloat.
Add it to any page, post, or widget area. Configure everything from the Inspector panel without touching code.
Check out our other WooCommerce plugins at limewoo.com.
What you can display
Newest products — latest published by date
Sale products — products currently on sale
Products by category — pick one or more product categories
Carousel controls
Touch and drag on mobile and desktop
Configurable slides visible at once — independently for desktop, tablet, and mobile
Optional autoplay with configurable speed
Prev / next navigation arrows (optional)
Dot indicators (optional)
Configurable gap between slides
Product card options
Show or hide: product price, star rating, Add to Cart button
Working AJAX Add to Cart — cart quantity updates in real time
Sale badge on discounted products
Card alignment: left, center, or right
Hover lift animation with drop shadow
Style controls
All styling is done from the Inspector panel — no CSS required:
Accent color (buttons, price)
Title color, font size, font weight
Price color, font size
Button background color, text color, border radius
Performance
Full HTML output cached via WP transients — one DB query on the first load, then served from cache
Cache invalidates automatically on stock changes, price updates, and scheduled sales
Compatible with page caching plugins
Editor experience
Live server-side preview in the block editor
Styles update instantly in the preview as you change settings
No configuration outside the editor
Developer friendly
Declares HPOS (High-Performance Order Storage) compatibility
Declares block cart / checkout compatibility
Uses WC_Product_Query — no raw DB queries
Cache TTL filterable via lpcb_cache_ttl filter
All classes namespaced under Lime_Product_Carousel_Block
Full source available on GitHub
Requires: WooCommerce 8.0+
Development
The plugin’s JavaScript and CSS are compiled from source. Full source code is on GitHub:
https://github.com/Limewoo/lime-product-carousel-block
To build from source:
Clone: git clone https://github.com/Limewoo/lime-product-carousel-block.git
Install dependencies: bun install (or npm install)
Production build: bun run build
Watch mode: bun run start
Source files live in src/. Compiled output goes to build/. Do not edit build/ directly.
