Limewoo

The Nahidul

<p><strong>Lime Product Carousel Block</strong> adds a native Gutenberg block to showcase your WooCommerce products in a smooth, responsive carousel. Built with <a href="https://www.embla-carousel.com/" rel="nofollow ugc">Embla Carousel</a> — no jQuery, no slick, no bloat.</p>
<p>Add it to any page, post, or widget area. Configure everything from the Inspector panel without touching code.</p>
<p>Check out our other WooCommerce plugins at <a href="https://limewoo.com" rel="nofollow ugc">limewoo.com</a>.</p>
<h4>What you can display</h4>
<ul>
<li><strong>Newest products</strong> — latest published by date</li>
<li><strong>Sale products</strong> — products currently on sale</li>
<li><strong>Products by category</strong> — pick one or more product categories</li>
</ul>
<h4>Carousel controls</h4>
<ul>
<li>Touch and drag on mobile and desktop</li>
<li>Configurable slides visible at once — independently for desktop, tablet, and mobile</li>
<li>Optional autoplay with configurable speed</li>
<li>Prev / next navigation arrows (optional)</li>
<li>Dot indicators (optional)</li>
<li>Configurable gap between slides</li>
</ul>
<h4>Product card options</h4>
<ul>
<li>Show or hide: product price, star rating, Add to Cart button</li>
<li>Working AJAX Add to Cart — cart quantity updates in real time</li>
<li>Sale badge on discounted products</li>
<li>Card alignment: left, center, or right</li>
<li>Hover lift animation with drop shadow</li>
</ul>
<h4>Style controls</h4>
<p>All styling is done from the Inspector panel — no CSS required:</p>
<ul>
<li>Accent color (buttons, price)</li>
<li>Title color, font size, font weight</li>
<li>Price color, font size</li>
<li>Button background color, text color, border radius</li>
</ul>
<h4>Performance</h4>
<ul>
<li>Full HTML output cached via WP transients — one DB query on the first load, then served from cache</li>
<li>Cache invalidates automatically on stock changes, price updates, and scheduled sales</li>
<li>Compatible with page caching plugins</li>
</ul>
<h4>Editor experience</h4>
<ul>
<li>Live server-side preview in the block editor</li>
<li>Styles update instantly in the preview as you change settings</li>
<li>No configuration outside the editor</li>
</ul>
<h4>Developer friendly</h4>
<ul>
<li>Declares HPOS (High-Performance Order Storage) compatibility</li>
<li>Declares block cart / checkout compatibility</li>
<li>Uses <code>WC_Product_Query</code> — no raw DB queries</li>
<li>Cache TTL filterable via <code>lpcb_cache_ttl</code> filter</li>
<li>All classes namespaced under <code>Lime_Product_Carousel_Block</code></li>
<li>Full source available on <a href="https://github.com/Limewoo/lime-product-carousel-block" rel="nofollow ugc">GitHub</a></li>
</ul>
<p><strong>Requires:</strong> WooCommerce 8.0+</p>
<h3>Development</h3>
<p>The plugin’s JavaScript and CSS are compiled from source. Full source code is on GitHub:</p>
<p>https://github.com/Limewoo/lime-product-carousel-block</p>
<p>To build from source:</p>
<ol>
<li>Clone: <code>git clone https://github.com/Limewoo/lime-product-carousel-block.git</code></li>
<li>Install dependencies: <code>bun install</code> (or <code>npm install</code>)</li>
<li>Production build: <code>bun run build</code></li>
<li>Watch mode: <code>bun run start</code></li>
</ol>
<p>Source files live in <code>src/</code>. Compiled output goes to <code>build/</code>. Do not edit <code>build/</code> directly.</p>


Lime Product Carousel Block

Display WooCommerce products in a beautiful, touch-friendly carousel block with newest, sale, and category products, plus full styling controls.

Lime Product Carousel Block vs Slider, Gallery, and Carousel by MetaSlider – Image Slider, Video Slider