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.

ShapedPlugin LLC

Rubel Miah

Md Khalil Uddin

Shamim Mia

<p><a href="https://wpcarousel.io/" rel="nofollow ugc"><strong>WP Carousel</strong></a> is a responsive plugin for creating <strong>Carousel, Slider, Photo Gallery, and Video Slider</strong> in WordPress. It supports images, posts, WooCommerce products, and YouTube videos. Images can be selected directly from the WordPress media library and arranged with drag-and-drop. The plugin is lightweight, responsive, and works across all major devices and browsers.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLoUb-7uG-5jO_zo3exhqUNlZ7h0FQVJTt" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><a href="https://wpcarousel.io/wp-carousel-free-demo/" rel="nofollow ugc"><strong>Live Demo</strong></a> | <a href="https://www.youtube.com/shapedplugin/" rel="nofollow ugc"><strong>Video Tutorials</strong></a> | <a href="https://docs.shapedplugin.com/docs/wordpress-carousel/introduction/" rel="nofollow ugc"><strong>Documentation</strong></a> | <a href="https://shapedplugin.com/create-new-ticket/" rel="nofollow ugc"><strong>Support</strong></a></p>
<h3>You’ll be ble to display</h3>
<p><strong>Image Carousel & Slider:</strong> Create Carousels and Sliders by uploading images from the WordPress media library.</p>
<p><strong>Photo Gallery:</strong> Build image galleries with lightbox support and customizable layouts.</p>
<p><strong>Post Carousel:</strong> Display recent posts in a carousel with title, image, excerpt, date, and author.</p>
<p><strong>Post Grid:</strong> Show posts in a grid format with title, image, excerpt, date, and author.</p>
<p><strong>WooCommerce Product Carousel:</strong> Display WooCommerce products in a carousel with options to show or hide product name, image, price, rating, and add-to-cart button.</p>
<p><strong>Product Grid Gallery:</strong> Show WooCommerce products in a grid gallery with product details such as name, image, price, reviews, and add-to-cart button.</p>
<p><strong>Video Slider & Gallery:</strong> Create sliders and galleries with multiple YouTube videos.</p>
<h3>Features you’ll love</h3>
<p><strong>Drag & Drop Responsive Builder:</strong> Easily upload and reorder slides with the responsive drag-and-drop builder. Supports images and videos, letting you organize carousels and galleries in any order.</p>
<p><strong>Multiple Carousels and Galleries:</strong> Add and display multiple carousels or galleries on the same page without conflict.</p>
<p><strong>Carousel Controls:</strong> Enable or disable autoplay, set speed, stop on hover, and loop infinitely. Show or hide navigation and pagination dots with custom colors. Touch swipe and mouse drag are also supported.</p>
<p><strong>Responsive and Mobile Ready:</strong> WP Carousel sliders and galleries are fully responsive. You can set the number of columns and spacing individually for small, medium, and large devices.</p>
<p><strong>Lightbox</strong> Open images or videos in a popup overlay for viewing larger versions without leaving the page. Works across devices and is easy to navigate.</p>
<p><strong>Color & Styling Options:</strong> The plugin lets you customize colors and styles for carousels and galleries to match your site’s design.</p>
<p><strong>Multisite Support:</strong> The plugin can be used across WordPress multisite networks, allowing you to create and manage carousels on multiple sites from a single installation.</p>
<p><strong>Theme & Plugin Compatibility:</strong> The plugin is compatible with most WordPress themes and plugins, ensuring smooth integration without conflicts.</p>
<h3>Page Builders Ready</h3>
<ul>
<li>Gutenberg Editor</li>
<li>WPBakery</li>
<li>Elementor</li>
<li>BeaverBuilder</li>
<li>SiteOrgin</li>
<li>DiviBuilder</li>
<li>LayersWP</li>
<li>MotoPress</li>
<li>CornerStone</li>
<li>Themify Builder etc.</li>
</ul>
<h3>Multilingual Ready</h3>
<ul>
<li><a href="https://wpml.org/" rel="nofollow ugc">WPML</a></li>
<li><a href="https://wordpress.org/plugins/polylang/" rel="ugc">Polylang</a></li>
<li><a href="https://wordpress.org/plugins/loco-translate/" rel="ugc">Loco Translate</a></li>
<li><a href="https://wordpress.org/plugins/qtranslate-x/" rel="ugc">qTranslate-x</a></li>
<li><a href="https://wordpress.org/plugins/gtranslate/" rel="ugc">GTranslate</a></li>
<li><a href="https://wordpress.org/plugins/google-language-translator/" rel="ugc">Google Language Translator</a></li>
<li><a href="https://wordpress.org/plugins/wpglobus/" rel="ugc">WPGlobus</a></li>
</ul>
<h3>For fast support, features request, and bug reporting</h3>
<blockquote>
<p>Ask us at <a href="https://shapedplugin.com/create-new-ticket/" rel="nofollow ugc"><strong>Support.</strong></a></p>
</blockquote>
<h3>WP Carousel Pro</h3>
<p><a href="https://wpcarousel.io/?ref=1" rel="nofollow ugc"><strong>WP Carousel</strong></a> is the free version of <a href="https://wpcarousel.io/pricing?ref=1" rel="nofollow ugc"><strong>WP Carousel Pro</strong></a>. The Pro version includes additional features such as support for posts, WooCommerce products, custom content (text, HTML, shortcodes), and extended video options. It also supports WordPress pages, custom post types, taxonomies, and custom taxonomies. Video sources include YouTube, Vimeo, TikTok, Twitch, Wistia, Dailymotion, MP4, WebM, and self-hosted videos with lightbox support. See <a href="https://docs.shapedplugin.com/docs/wordpress-carousel-pro/introduction/" rel="nofollow ugc"><strong>Documentation</strong></a>.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLoUb-7uG-5jNgTTcnUflIiytxgTWaBEzm" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><a href="https://www.youtube.com/watch?v=m2XP6GNW0mE&index=2&list=PLoUb-7uG-5jNgTTcnUflIiytxgTWaBEzm" rel="nofollow ugc"><strong>Watch all Tutorials »</strong></a></p>
<h3>Author</h3>
<p>Designed and Developed by <a href="https://shapedplugin.com/" rel="nofollow ugc"><strong>ShapedPlugin</strong></a></p>


Carousel, Slider, Photo Gallery with Lightbox, Video Slider, by WP Carousel

Works good for me!


I have to upgrade if i want to center my single image in the carousel...


Free version is super-restricted

Carousel, Slider, and Photo Gallery with Lightbox plugin. Create Image Carousel, Video Slider, Post Carousel, Post Grid, Product Carousel, and more.

Lime Product Carousel Block vs Carousel, Slider, Photo Gallery with Lightbox, Video Slider, by WP Carousel