SAB Product Carousel Slider for WooCommerce

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

• GitHub Repository

• WordPress Support Forum

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