Product Carousel Slider for WooCommerce

Transform your WooCommerce store with a stunning, fully responsive Product Carousel Slider — 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=

• 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
• Follows WordPress coding standards and best practices
• WordPress Dashicons used for navigation arrows