SAB Product Carousel Slider for WooCommerce

by Shahriar Ahmed Biddut

0.0

(0 ratings)

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.