All-In-One Product Slider Carousel for WooCommerce

All-In-One Product Slider Carousel for WooCommerce is a beautiful product slider for  WooCommerce-powered websites. This extension will help shop owners boost and increasing sales by displaying products in a stylish, appealing manner.

All-In-One Product Slider Carousel for WooCommerce is a powerful and flexible product slider that helps shop owners boost sales by showcasing products in a stunning, conversion-focused carousel. Display Featured Products, On Sale Products, New Products, Best Sellers, Category Products, or hand-picked Custom Products — anywhere on your site.

Setup and Configuration

↑ Back to top

After successful installation and activation, you will see a new menu item in your store’s WP Admin dashboard — All In One Product Slider.

1. Go to All In One Product Slider → Manage Sliders and click Add New.
2. Fill in your slider settings (most values are pre-filled with sensible defaults).
3. Click Save Changes.
4. Copy the shortcode shown on the slider list page and paste it into any page, post, or widget area.

Adding a Slider to Your Pages

↑ Back to top

Shortcode

↑ Back to top

Every slider has a unique shortcode in the format:

[print_i13_woo_product_slider id="X"]

Paste this into any page, post, widget, or PHP template file.

Gutenberg Block Editor

↑ Back to top

1. Edit any page or post in the block editor.
2. Click the + button to add a new block.
3. Search for Product Slider.
4. Select the block and choose your slider from the dropdown in the block settings.
5. The slider renders on the frontend — a clean placeholder is shown in the editor.

Elementor

↑ Back to top

1. Open any page in Elementor.
2. In the widget panel, search for Product Slider Carousel.
3. Drag it onto the page and select your slider from the widget settings.

Divi Builder

↑ Back to top

1. Open the Divi Builder on any page.
2. Add a new module and search for Product Slider Carousel.
3. Select your slider from the module settings.

Slider Settings

↑ Back to top

General Settings

↑ Back to top

• Slider Title — Internal name for this slider (not shown to visitors).
• Slider Type — Choose from Featured Products, On Sale Products, Top Rated, New Products, Best Sellers, Custom Products, or Category Products.
• Slider Style — Choose from 3 card styles (see below).
• Slider Mode — Horizontal, Vertical, or Ticker.
• Number of Products — How many products to show.
• Products Per Slide — How many cards are visible at once.
• Auto Play — Enable automatic sliding with configurable speed.
• Exclude Out of Stock — Hide products that are not available.

Display Settings

↑ Back to top

• Show / hide product title, price, ratings, Add to Cart button, Sale badge, New badge, and product categories.
• Custom CSS field for per-slider style overrides.

Slider Styles

↑ Back to top

Style 1 — Clean Card

↑ Back to top

A clean, minimal product card with the product image, title, price, star rating, and Add to Cart button displayed below the image.

Style 2 — Hover Overlay

↑ Back to top

Product image fills the card. On hover, a dark overlay appears showing the product title, price, rating, and Add to Cart button.

Style 3 — Alternative Layout

↑ Back to top

An alternative card layout with prominent product details and a distinct visual style.

Quick View Modal

↑ Back to top

The Quick View feature lets shoppers view full product details and add items to cart — without leaving the current page.

Enabling Quick View

↑ Back to top

1. Go to All In One Product Slider → Edit Slider.
2. Under the Product Settings tab, find Show Quick View Button and set it to Yes.
3. Optionally customise the button label, background colour, and text colour.

What Quick View Shows

↑ Back to top

• Product gallery with thumbnail switcher
• Star ratings and review count
• Price (including sale price)
• Short description
• SKU and stock status
• Product categories
• Add to Cart button — works for both simple and variable products

Variable Products in Quick View

↑ Back to top

For variable products (e.g. products with Size or Colour options), attribute dropdowns appear inside the Quick View popup. Customers can select their options and add to cart directly without visiting the product page.

Sale Countdown Timer

↑ Back to top

Display a live ticking countdown on product cards to create urgency for sale products.

Enabling the Countdown Timer

↑ Back to top

1. Go to All In One Product Slider → Edit Slider.
2. Under the Product Settings tab, find Show Sale Countdown and set it to Yes.

How the Timer Works

↑ Back to top

• The countdown automatically reads the sale end date set on each product (Product → General → Sale price dates → To).
• If a product does not have a sale end date set, you can configure a global fallback date in the slider settings — the timer will count down to that date for all products without individual sale end dates.
• If neither a product sale end date nor a fallback date is set, the timer is hidden for that product.

Customising Timer Labels

↑ Back to top

The unit labels (Days, Hrs, Mins, Secs) can be changed in the slider settings — useful for translating into other languages.

Product Video Support

↑ Back to top

Display a video play button on product cards. When clicked, the video opens in a full-screen lightbox and plays automatically.

Adding a Video to a Product

↑ Back to top

1. Go to Products → Edit Product.
2. Click the Advanced tab.
3. Paste a YouTube URL, Vimeo URL, or direct MP4 file URL into the Product Video URL field.
4. Save the product.

Enabling Video in the Slider

↑ Back to top

1. Go to All In One Product Slider → Edit Slider.
2. Under the Product Settings tab, find Show Product Video and set it to Yes.

A play button icon appears on the product image on hover. Clicking it opens the video in a full-screen overlay with autoplay enabled.

Click Analytics

↑ Back to top

The analytics feature automatically tracks every time a visitor clicks on a product card in any slider — giving you insight into which products attract the most interest.

Viewing the Analytics Report

↑ Back to top

1. Go to All In One Product Slider → Analytics.
2. The report shows: total clicks, unique products clicked, active sliders, and your top product.
3. A table lists the top 20 clicked products with their slider, click count, and a visual bar showing relative popularity.

Filtering the Report

↑ Back to top

• Date range — Filter by last 7, 30, 90, or 365 days.
• Slider — Filter to see clicks for a specific slider only.

Clearing Analytics Data

↑ Back to top

Click the Clear All Data button at the bottom of the Analytics page to reset all click tracking data.

Wishlist Integration

↑ Back to top

The slider supports wishlist plugins via a WordPress filter hook. Compatible with YITH WooCommerce Wishlist and TI WooCommerce Wishlist.

To add a wishlist button to product cards, add this code to your theme’s functions.php:

add_filter('i13_product_slider_wishlist', function($html) {
    // Return your wishlist button HTML here
    return do_shortcode('[your_wishlist_shortcode]');
});

Front-end Slider Styles

1. Style 1

2. Style 2

2. Style 3

FAQs

↑ Back to top