Transform your WooCommerce store with a stunning, fully responsive **SAB Product Carousel Slider for WooCommerce ** — 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.
Art 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
Arrow Position — Set the previous/next arrow’s gap from the carousel’s left/right edge (px)
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
Button Position — Independent margin/padding (all sides) for the Add to Cart / View Product button row, with an “Auto push to bottom” toggle
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 size (responsive per device) for a clean, grid-like consistency; Image Fit lets you choose Cover (crop), Contain (fit, no crop), or Stretch (fill exactly). When Image Fit is set to Cover, independent Horizontal (Left/Center/Right) and Vertical (Top/Center/Bottom) position controls appear for which part of the photo stays visible

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
WordPress Dashicons used for navigation arrows