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