Shahriar Ahmed Biddut

<p>Transform your WooCommerce store with a stunning, fully responsive <strong>Product Carousel Slider For WooCommerce (Biddut Block)</strong> — built as a native Gutenberg block. Choose from two beautiful design variants, control every detail from columns to colors, and deliver a seamless shopping experience across all devices.</p>
<h4>Design Variants</h4>
<ul>
<li><strong>Card Style</strong> — Modern card-based layout with borders, shadows, and smooth hover effects. Perfect for standard e-commerce stores.</li>
<li><strong>Gallery (Default)</strong> — Minimalist, image-first presentation with transparent backgrounds and centered text. Ideal for art, photography, and premium products.</li>
</ul>
<h4>Key Features</h4>
<ul>
<li><strong>Fully Responsive Columns</strong> — Set independent column counts for Desktop, Tablet, Mobile, and Phone breakpoints</li>
<li><strong>Header Support</strong> — Add a section title and subtitle, shown or hidden with a single toggle</li>
<li><strong>Carousel Settings</strong> — Enable autoplay, continuous loop, and adjust transition speed</li>
<li><strong>Disable Slider on Mobile</strong> — Display all products in a vertical stack on smaller screens instead of a carousel</li>
<li><strong>Sale / Sold Out Labels</strong> — Automatically shows “Sale” when a sale price is set and “Sold Out” when stock runs out</li>
<li><strong>Navigation Options</strong> — Choose arrows (shown elegantly on hover), dots, both, or none</li>
<li><strong>Hover Effects</strong> — Select from Zoom, Lift, Glow, or None for product card interactions</li>
<li><strong>Gallery Features</strong> — Display product gallery images as clickable dots; show a second image on hover</li>
<li><strong>Add to Cart</strong> — Fully integrated WooCommerce AJAX add-to-cart with customizable button text and style</li>
<li><strong>Product Query</strong> — Filter by multiple categories and control ordering with full flexibility</li>
<li><strong>Display Controls</strong> — Individually show or hide title, price, ratings, labels, and buttons</li>
<li><strong>Responsive Typography</strong> — All font sizes adjust automatically for every screen size</li>
<li><strong>Deep Customizations</strong> — Colors, spacing, and styles are customizable for nearly every element</li>
<li><strong>Optimized Performance</strong> — Clean, well-structured code with minimal dependencies</li>
</ul>
<h4>Responsive Column Control</h4>
<ul>
<li><strong>Desktop</strong> (1280px and above): 1–6 columns</li>
<li><strong>Tablet</strong> (768px–1279px): 1–4 columns</li>
<li><strong>Mobile</strong> (480px–767px): 1–3 columns</li>
<li><strong>Phone</strong> (below 480px): 1–2 columns</li>
</ul>
<h4>Image Display Modes</h4>
<ul>
<li><strong>Natural</strong> — Preserves each product image’s original aspect ratio for an organic feel</li>
<li><strong>Uniform</strong> — Forces all images to the same height for a clean, grid-like consistency</li>
</ul>
<h4>Display Controls</h4>
<p>Show or hide any of the following elements independently:</p>
<ul>
<li>Product Title</li>
<li>Price</li>
<li>Star Ratings</li>
<li>Sale / Sold Out Labels</li>
<li>“View Product” button</li>
<li>“View All (Shop)” button — with customizable link text</li>
<li>“Add to Cart” button — with customizable label and button style</li>
</ul>
<h4>Add to Cart Button Styles</h4>
<ul>
<li><strong>Default</strong> — Inherits your theme’s standard button style</li>
<li><strong>Primary</strong> — Bold, filled button for high visibility</li>
<li><strong>Outline</strong> — Subtle bordered button for a minimal look</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li>WooCommerce online stores</li>
<li>Art galleries and photography portfolios</li>
<li>Fashion and lifestyle product showcases</li>
<li>Featured or promotional product sections</li>
<li>Any page that needs a beautiful, engaging product display</li>
</ul>
<h3>Additional Info</h3>
<h4>Browser Support</h4>
<ul>
<li>Chrome (latest)</li>
<li>Firefox (latest)</li>
<li>Safari (latest)</li>
<li>Microsoft Edge (latest)</li>
<li>Mobile browsers — iOS Safari, Chrome for Android</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress 5.8 or higher</li>
<li>WooCommerce 5.0 or higher</li>
<li>PHP 7.4 or higher</li>
<li>A modern browser with JavaScript enabled</li>
</ul>
<h4>Privacy</h4>
<p>This plugin does not collect, store, or transmit any user data. It only reads and displays WooCommerce product information already present in your database.</p>
<h4>Support or Feature Requests</h4>
<ul>
<li><a href="https://github.com/shahriarabiddut/Product-Carousel-Slider-Block" rel="nofollow ugc">GitHub Repository</a></li>
<li><a href="https://wordpress.org/support/plugin/product-carousel-slider-biddut-block/" rel="ugc">WordPress Support Forum</a></li>
</ul>
<h4>Contributing</h4>
<p>Contributions are welcome! Visit the GitHub repository to submit a pull request or open an issue.</p>
<h4>Credits</h4>
<ul>
<li>Built with WordPress & WooCommerce</li>
<li>Follows WordPress coding standards and best practices</li>
<li>WordPress Dashicons used for navigation arrows</li>
</ul>


Product Carousel Slider for WooCommerce (Biddut Block)

Beautiful Product Carousel Slider for WooCommerce Block (Biddut Block) with responsive columns, hover effects, navigation, and lots of functionality.

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.

Product Carousel Slider for WooCommerce (Biddut Block) vs Lime Product Carousel Block