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.

YITHEMES

<h4>Enhance your product images, the key features of your product page</h4>
<p>When we buy on an online shop, our contact with the product is limited: we cannot touch, smell or try it. We exclude some of our senses from the product experience so it’s really important to reproduce the appearance of the product as faithfully as possible using high quality and eye-catching photos of it. Usability research has shown that customers who buy online first check the photos, and only after read the product description. For this reason the product images are considered as the key element of the shopping experience.</p>
<p>The new version of YITH WooCommerce Product Gallery & Image Zoom allows enabling the zoom and a lightbox on your product images to let customers see any detail and, at the same time, manage thumbnails in a handy slider for a clean and modern result in your product pages.</p>
<h4>Main features</h4>
<ul>
<li>Enable the zoom on your product images</li>
<li>Choose the zoom position (inside the main image or external, in the right side)</li>
<li>Deactivate the zoom on mobile devices</li>
<li>Set the size of the zoom window</li>
<li>Choose whether to blur the image while zooming or not</li>
<li>Show the lightbox on your product images</li>
<li>Customize colors, size and position of lightbox icon</li>
<li>Enable the product gallery slider</li>
<li>Set the number of thumbnails to show in the slider</li>
<li>Show the slider arrows on hover</li>
<li>Customize size, colors and shape of the arrows</li>
<li>Enable the slider autoplay</li>
<li>Enable the slider as infinite (and choose the style between “Circular” and “Back to 1st”)</li>
</ul>
<p>NEED MORE? CHECK THE FEATURES OF THE PREMIUM VERSION:</p>
<ul>
<li>Show or not a zoom icon with custom shape and colors</li>
<li>Disable the zoom option from specific products or categories</li>
<li>Disable the lightbox feature</li>
<li>Customize the lightbox overlay color</li>
<li>Option to replace the main image on hover on the gallery thumbnail</li>
<li>Show fixed arrows in the slider</li>
<li>Emphasize the active thumbnail with a different border color</li>
<li>Add opacity or set a grey scale for the inactive thumbnails</li>
</ul>
<p>See it in action here:</p>
<p><a href="https://plugins.yithemes.com/yith-woocommerce-zoom-magnifier/" rel="nofollow ugc">Check the Live Demo of the Premium Version ></a></p>
<h3>Suggestions</h3>
<p>If you have suggestions about how to improve YITH WooCommerce Product Gallery & Image Zoom, you can <a href="mailto:plugins@yithemes.com" title="Your Inspiration Themes" rel="nofollow ugc">write us</a> so we can bundle them into YITH Zoom WooCommerce Magnifier.</p>
<h3>Translators</h3>
<h4>Available Languages</h4>
<ul>
<li>English (Default)</li>
<li>Italian</li>
<li>Spanish</li>
</ul>
<p>If you have created your own language pack, or have an update for an existing one, you can send <a href="https://codex.wordpress.org/Translating_WordPress" title="Translating WordPress" rel="nofollow ugc">gettext PO and MO file</a><br />
<a href="https://yithemes.com/contact/" title="Your Inspiration Themes" rel="nofollow ugc">use</a> so we can bundle it into YITH WooCommerce Zoom Magnfier Languages.</p>
<h3>Documentation</h3>
<p>Full documentation is available <a href="https://docs.yithemes.com/yith-woocommerce-zoom-magnifier/" rel="nofollow ugc">here</a>.</p>


YITH WooCommerce Product Gallery & Image Zoom

YITH WooCommerce Product Gallery & Image Zoom add zoom effect to product images and a customizable image slider.

Lime Product Carousel Block vs YITH WooCommerce Product Gallery & Image Zoom