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.

Daniel Esparza

<p>Este plugin muestra productos de WooCommerce con la etiqueta “featured” o “destacado” en un carrusel responsive usando OwlCarousel2. Se inserta con el shortcode [featured-products-carousel-tag].</p>
<p>Características principales:<br />
1. Shortcode [featured-products-carousel-tag] para mostrar un carrusel de productos.<br />
2. Muestra imagen destacada (clic <span aria-hidden="true" class="wp-exclude-emoji">→</span> ficha), título (clic <span aria-hidden="true" class="wp-exclude-emoji">→</span> ficha), precio (clic <span aria-hidden="true" class="wp-exclude-emoji">→</span> ficha) y botón Añadir al carrito.<br />
3. Soporta productos simples y variables (usa la plantilla de loop de WooCommerce).<br />
4. Fallback a CDN para OwlCarousel2 si no colocas los archivos locales.<br />
5. Preparado para traducción (text domain: featured-products-carousel-tag).</p>
<h3>Video</h3>
<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/Ft21cLBFcUs?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>External services</h3>
<p>Este plugin incluye un fichero JavaScript de la librería oficial OwlCarousel 2.3.4. Esa librería, en su versión estándar, contiene soporte opcional para mostrar vídeos de servicios externos (por ejemplo Vimeo o Vzaar). En esos casos, puede realizar peticiones a esos servicios para obtener miniaturas o metadatos públicos de los vídeos.</p>
<p><strong>Importante:</strong><br />
El plugin <strong>no utiliza ni activa estas funciones de vídeo por defecto</strong>.<br />
En la configuración actual del plugin, <strong>no se realizan peticiones a servicios externos</strong>.<br />
Las conexiones descritas arriba solo ocurrirían si un administrador decide incluir manualmente vídeos de Vimeo o Vzaar en los carruseles.</p>
<h3>Donaciones</h3>
<p>¿Te fue útil este plugin? Si te gusta mi trabajo y deseas que siga desarrollando, invítame a un café. ¡Mil gracias por tu apoyo! ☕️<br />
<a href="https://buy.stripe.com/aFadR96KU6oU5Mxfw68N200" rel="nofollow ugc">Invítame a un café</a></p>


Featured Products Carousel by Tag

Muestra productos de WooCommerce por etiqueta en un carrusel con OwlCarousel2.

Lime Product Carousel Block vs Featured Products Carousel by Tag