Product Slider and Carousel with Category for WooCommerce Plugin

WooCommerce Product, Best Selling Product, Featured Product Slider/Carousel with category. Also work with Gutenberg shortcode block.

Explore Product Slider and Carousel Features
Annual or Lifetime Bundle Deal

Product Slider/Carousel for WooCommerce is the best product slider to slide your WooCommerce Product, Best Selling Product and Featured Product. You can easily display this product slider in your theme using shortcode.

You can sort product by category by adding category ID in the shortcode as a shortcode parameter.

Go to Dashboard -> “Woo – Product Slider tab” for more details.

WooCommerce product slider / carousel allows you to showcase your products in a nice sliding manner.

This plugin using the original loop form WooCommerce that’s means it will display your product design from your theme plus style.

Features :

Also work with Gutenberg shortcode block.

This plugin contain 3 shortcode type:

1) Display WooCommerce product in slider / carousel view

[wcpscwc_pdt_slider] OR [wcpscwc_pdt_slider cats="CATEGORY-ID"] 

2) Display WooCommerce Best Selling Product in slider / carousel view

[wcpscwc_pdt_slider type="bestselling"] OR [wcpscwc_pdt_slider type="bestselling" cats="CATEGORY-ID"] 

3) Display WooCommerce Featured Product in slider / carousel view

[wcpscwc_pdt_slider type="featured"] OR [wcpscwc_pdt_slider type="featured" cats="CATEGORY-ID"] 

You can use Following parameters with shortcode

  • design:
    [wcpscwc_pdt_slider design=”design-1″] (Added a design parameter for custom designing. By default it will take design from WooCommerce OR from your theme. )
  • Type:
    [wcpscwc_pdt_slider type=””] ( Enter product type ‘products’, ‘featured’, and ‘bestselling’. )
  • Display Product by category:
    [wcpscwc_pdt_slider cats=”category-ID”]( Enter category id to display categories wise product.)
  • limit:
    [wcpscwc_pdt_slider limit=”5″] ( ie Display 5 product at time. By default value is -1 i.e. all )
  • Display number of products at time:
    [wcpscwc_pdt_slider slide_to_show=”2″] (Display no of products in a slider )
  • Number of products slides at a time:
    [wcpscwc_pdt_slider slide_to_scroll=”2″] (Controls number of products rotate at a time)
  • Pagination and arrows:
    [wcpscwc_pdt_slider dots=”false” arrows=”false”] (Hide/Show pagination and arrows. By default value is “true”. Values are true OR false)
  • Autoplay and Autoplay Speed:
    [wcpscwc_pdt_slider autoplay=”true” autoplay_speed=”1000″]
  • Slide Speed:
    [wcpscwc_pdt_slider speed=”3000″] (Control the speed of the slider)
  • slider_cls:
    [wcpscwc_pdt_slider slider_cls=”products”] (This parameter target the WooCommerce default class for product looping. If your slider is not working please check your theme product looping class and add that class in this parameter)
  • Loop:
    [wcpscwc_pdt_slider loop=”true”] (Control the infinite scroll of the slider. value that you can use are loop=”true” OR loop=”false” )
  • Order:
    [wcpscwc_pdt_slider order=”DESC”] (Product order i.e. DESC or ASC)
  • Order by:
    [wcpscwc_pdt_slider orderby=”date”] (Enter order type.)
  • Extra Class:
    [wcpscwc_pdt_slider extra_class=””] (Enter extra CSS class for design customization.)
  • Taxonomy:
    [wcpscwc_pdt_slider tax=””] (Enter taxonomy name to display product taxonomy wise. By default taxonomy is “product_cat”.)

Note orderby parameter will not work with Best Selling Product in slider / carousel view

Stunning Features:

  • Featured products slider
  • Displaying Latest/Recent Products Slider
  • Best Selling Product slider
  • Sort by category
  • Order and Orderby
  • 100% Mobile & Tablet Responsive
  • Awesome Touch-Swipe Enabled
  • Added a custom design
  • Translation Ready
  • Work in any WordPress Theme
  • Created with Slick Slider
  • Lightweight, Fast & Powerful
  • Set Number of Columns you want to show
  • Slider AutoPlay on/off
  • Navigation show/hide options
  • Pagination show/hide options
  • Unlimited slider anywhere
  • And more features coming soon!

PRO Features :

Premium Version

  • 2 shortcodes with various parameters.
    [wcpscwc_pdt_grid] OR [wcpscwc_pdt_grid cats="CATEGORY-ID"]
    [wcpscwc_pdt_slider] OR [wcpscwc_pdt_slider cats="CATEGORY-ID"]
  • Product display type wise(‘products’, ‘featured’, ‘bestselling’, ‘rating’, ‘regular_price’, ‘sale_price’).
  • 2 Widgets.
  • 15 Designs
  • Featured products slider/grid
  • Displaying Latest/Recent Products Slider/grid
  • Best Selling Product slider/grid
  • Sort by category
  • 100% Mobile & Tablet Responsive
  • Awesome Touch-Swipe Enabled
  • Added a custom design
  • Gutenberg Block Supports.
  • WPBakery Page Builder Support
  • Elementor, Beaver and SiteOrigin Page Builder Support (New).
  • Divi Page Builder Native Support (New).
  • Fusion Page Builder (Avada) native support. (New).
  • Translation Ready
  • Work in any WordPress Theme
  • Created with Slick Slider
  • Lightweight, Fast & Powerful
  • Set Number of Columns you want to show
  • Slider AutoPlay on/off
  • Navigation show/hide options
  • Pagination show/hide options
  • Unlimited slider anywhere

Explore Product Slider and Carousel Pro Features

How to install :

Installation

  1. Upload the ‘woocommerce-product-slider-and-carousel-with-category’ folder to the ‘/wp-content/plugins/’ directory.
  2. Activate the “woocommerce-product-slider-and-carousel-with-category” list plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Dashboard -> “Woo – Product Slider tab” for more details.

How to install :

This plugin contain there shortcode:

1) Display WooCommerce product in slider / carousel view

[wcpscwc_pdt_slider type="products"] OR [wcpscwc_pdt_slider type="products" cats="CATEGORY-ID"] 

2) Display WooCommerce Best Selling Product in slider / carousel view

[wcpscwc_pdt_slider type="bestselling"] OR [wcpscwc_pdt_slider type="bestselling" cats="CATEGORY-ID"] 

3) Display WooCommerce Featured Product in slider / carousel view

[wcpscwc_pdt_slider type="featured"] OR [wcpscwc_pdt_slider type="featured" cats="CATEGORY-ID"] 

Screenshots

  1. Display WooCommerce product in slider / carousel view

    Display WooCommerce product in slider / carousel view

  2. Display WooCommerce Best Selling Product in slider / carousel view

    Display WooCommerce Best Selling Product in slider / carousel view

  3. Display WooCommerce Featured Product in slider / carousel view

    Display WooCommerce Featured Product in slider / carousel view

  4. Shortcodes

    Shortcodes

FAQ

My slider is not working

We have targeted <ul class="products"> as you can check WooCommerce default class for product looping BUT in your theme I think you have changed the class name from <ul class="products"> to <ul class="YOUR CLASS NAME">

File under templates–>loop–> loop-start.php

There are simple solution with shortcode parameter

  • slider_cls:
    slider_cls=”products” (This parameter target the WooCommerce default class for product looping. If your slider is not working please check your theme product looping class and add that class in this parameter)

Changelog

2.9 (11, April 2024)

  • [*] Fix – Fixed WooCommerce HPOS custom order declare compatibility.
  • [*] WC tested up to: 8.7.0.
  • [*] Tested up to: 6.5.2

2.8.1 (20, Sep 2023)

  • [*] WC tested up to: 8.1.1.
  • [*] Tested up to: 6.3.1

2.8 (11, Jan 2023)

  • [*] Update – Update some escaping functions for better security.
  • [*] Check compatibility to WordPress version 6.1.1
  • [*] Check compatibility to WooCommerce version 7.2.3

2.7.1 (09, Dec 2022)

  • [*] Tested up to: 6.1.1

2.7 (7, Nov 2022)

  • [*] Tested up to: 6.1
  • [*] WC tested up to: 7.0.1

2.6.7 (2, June 2022)

  • [+] Solved “slide to scroll” parameter issue in breakpoint 768 to 1023.
  • [*] Tested up to: 6.0
  • [*] WC tested up to: 6.5.1

2.6.6 (28, March 2022)

  • [+] Added demo link
  • [-] Removed some unwanted code and files.

2.6.5 (11, Feb 2022)

  • [-] Removed some unwanted code and files.
  • [*] WC tested up to: 6.2.0

2.6.4 (04, Feb 2022)

  • [*] Tested up to: 5.9
  • [*] Solved Gutenberg wp-editor widget issue.

2.6.3.1 (15, Dec 2021)

  • [*] Minor fix.

2.6.3 (15, Nov 2021)

  • [*] Fix – Resolve Gutenberg WP-Editor script related issue.
  • [*] Update – Add some text and links in Readme file.
  • [*] WC tested up to: 5.9.0

2.6.2 (15, Sep 2021)

  • [*] Tested up to: 5.8.1
  • [*] Updated doc link

2.6.1 (17, Aug 2021)

  • [*] WC tested up to: 5.6.0
  • [*] Updated language file and JSON.

2.6 (17, Aug 2021)

  • [*] Updated all external links
  • [*] Tweak – Code optimization and performance improvements.
  • [*] WC tested up to: 5.6.0
  • [*] Fixed blocks initializer issue.

2.5.2 (02, June 2021)

  • [*] Deprecated shortcode solve minor issue.

2.5.1 (31, May 2021)

  • [*] Tested up to: 5.7.2
  • [*] WC tested up to: 5.3.0
  • [*] Added – https link in our analytics code to avoid browser security warning.

2.5(22, April 2021)

  • Note – Please take a backup of your old plugin before update.
  • [+] New – Introduced new shortcode ‘wcpscwc_pdt_slider’ for slider view with ‘featured’ and ‘bestselling’ product type for better user usage and understanding.
  • [+] New – Added ‘type’ parameter. Now you can display ‘Products’, ‘Featured Products’, and ‘Best Selling Products’.
  • [+] New – Added ‘extra_class’ shortcode parameter in plugin shortcode. Now you can add your extra class and use it for custom designing.
  • [+] New – Added Gutenberg block support. Now use plugin easily with Gutenberg!
  • [+] New – Added native shortcode support for Elementor, SiteOrigin and Beaver builder.
  • [+] New – Added Divi page builder native support.
  • [+] New – Added Fusion page builder native support.
  • [*] Tweak – Code optimization and performance improvements.
  • [*] Fix – Fixed some minor issues.
  • [*] Fix – Deprecated ‘Products’, ‘Featured’ and ‘Best Selling’ shortcodes and replaced it with new shortcodes.

2.4(02, Nov 2020)

  • [*] Update – Regular plugin maintenance. Updated readme file.
  • [*] WC tested up to: 4.6.1
  • [+] New – Click to copy the shortcode from the getting started page.
  • [+] Added – Added Upgrade to Pro Page.
  • [+] Added – Added our other Popular Plugins under Woo – Product Slider –> Install Popular Plugins From Us. This will help you to save your time during creating a website.

2.3 (14, Aug 2020)

  • [*] jQuery( document ).ready(function($) is replaced with function( $ ) to solve the issue with 3rd party plugin and theme JS error.

2.2.1 (14, July 2020)

  • [+] Added language template file.
  • [+] Checked compatibility with WooCommerce 4.3.0
  • [+] Fixed some typo mistake.

2.2 (28-03-2020)

  • [+] Added order and orderby parameter.
  • [*] WC tested up to: 4.0.1

2.1 (27-12-2019)

  • [*] Updated features list.
  • [*] Added ‘loop’ shortcode parameter for all slider shortcodes.
  • [*] WC tested up to: 3.8.1

2.0 (10-08-2019)

  • [*] Fixed : Fixed slider columns issue in iPad and tables if slide_to_show=”1″ added in the shortcode. Thanks to @jack01732 for showing this issue.
  • [*] WC tested up to: 3.6.5

1.4 (07-05-2019)

  • [*] Follow some WordPress Detailed Plugin Guidelines.

1.3 (08-12-2018)

  • [*] Tested with WordPress 5.0 and Gutenberg.
  • [*] Tested with WooCommerce version 3.5.2

1.2.2 (20-11-2018)

  • [*] Tested with WooCommerce version 3.5.1

1.2.1 (9-3-2018)

  • [*] Tested with WooCommerce version 3.3

1.2 (30-10-2017)

  • [*] Fix featured product by category id issue.

1.1.6 (10-10-2017)

  • [*] Updated Slick.min.js file to latest version
  • [*] Fix issue with StoreFront theme and now plugin working well.
  • [*] Fixed some CSS issues

1.1.5

  • [*] Updated slider JS to latest version.
  • [*] Fix JSON error when plugin is used with SiteOrigin page builder widget.

1.1.4

  • Fixed RTL issue.

1.1.3

  • Fixed featured product slider issue.

1.1.2

  • [+] Tested with WooCommerce 3.0.3 and older version
  • [+] Compatible with WooCommerce 3.0.3 and older version

1.1.1

  • [+] Added “How it works” tab.
  • [+] Added Product Slider – How It Works tab under products

1.1

  • Added 2 new shortcode paremeres design and slider_cls.
  • Added a custom design i.e. design=”design-1″
  • Fixed some CSS bug

1.0

  • Initial release.

Details

  • Version: 2.9
  • Active installations: 10,000
  • WordPress Version: 4.7
  • Tested up to: 6.5.5

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars