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.

simonpedge

<p>Slide Anything allows you to create a carousel/slider where the content for each slide can be anything you want – images, text, HTML, and even shortcodes. This plugin uses the Owl Carousel 2 jQuery plugin, and lets you create beautiful, touch enabled, responsive carousels and sliders.</p>
<p>Slide Anything provides many Owl Carousel 2 features, which include:</p>
<ul>
<li>Touch and Drag Support – Designed specially to boost mobile browsing experience. Mouse drag works great on desktop too!</li>
<li>Fully Responsive – You can define the number of slides to display for various breakpoint settings, e.g. 4 slides on desktop, 3 slides on tablet and 2 slides on mobile.</li>
<li>Modern Browsers – Owl uses hardware acceleration with CSS3 Translate3d transitions. Its fast and works like a charm! It also supports CSS2 fallbacks to cater for older browsers.</li>
<li>Infinite Looping – introduced with Owl Carousel 2, this feature means that the first slide is now seamlessly displayed after the last slide without any carousel rewind.</li>
<li>Transition Effects – New Owl Carousel transitions include Slide, Fade, Zoom In, Zoom Out, Flip Out X/Y, Rotate Left/Right, Bounce Out, Roll Out and Slide Down.</li>
<li>Slide Link Feature – A feature which allows you to create a hover-over link button for any slide within your carousels.</li>
<li>Re-Order Slides Facility – Now you can use a ‘drag-and-drop’ interface to easily re-order your slides within the sliders you create.</li>
<li>MODAL POPUPS – Each slide can now open a MODAL POPUP, which can be an IMAGE popup, a VIDEO EMBED popup (YouTube/Vimeo), a HTML CODE popup or a popup displaying a WordPress SHORTCODE.</li>
<li>HERO SLIDER – A Hero Slider is a slider that always is 100% of the width/height of the device it’s being viewed on (or 100% of the window width/height if on a desktop device). </li>
<li>THUMBNAIL PAGINATION – Allows you to add an area of small clickable thumb images, with each image representing a single slide that can be clicked to navigate to that slide.</li>
<li>SHOWCASE CAROUSEL – A Carousel with a width exceeding the width of the container that it’s placed in, which results in the left/rightmost visible slides becoming partially visible.</li>
</ul>
<p><a href="https://edgewebpages.com/" rel="nofollow ugc">MODAL POPUPS DEMO</a></p>
<p><a href="https://edgewebpages.com/hero-slider-with-thumbnails/" rel="nofollow ugc">HERO SLIDER WITH THUMBNAILS DEMO</a></p>
<p><a href="https://edgewebpages.com/showcase-carousel-demo/" rel="nofollow ugc">SHOWCASE CAROUSEL</a></p>
<h4>Owl Carousel</h4>
<p><a href="https://owlcarousel2.github.io/OwlCarousel2/" rel="nofollow ugc">Owl Carousel</a> is an extremely powerful and flexible carousel/slider JQuery plugin, and it is also free to use! Unfortunately, it’s not easy to integrate Owl Carousel into a WordPress site if you are a non-developer, and requires JQuery and PHP coding skills. That is why I developed this plugin.</p>
<p>I use Owl Carousel a in various WordPress sites I develop, specifically where I need the additional flexibility to develop a carousel with a more complex layout, or use a layout not catered for by any existing carousel plugin product.</p>
<p>Please view the <a href="https://wordpress.org/plugins/slide-anything/faq/" rel="ugc">FAQ Page</a> for information on how to use <code>Slide Anything</code>.</p>


Slide Anything – Responsive Content / HTML Slider and Carousel

Create a responsive carousel or slider where the content for each slide can be anything you want - images, text, HTML, and even shortcodes.

Lime Product Carousel Block vs Slide Anything – Responsive Content / HTML Slider and Carousel