Product Slider and Carousel with Category for WooCommerce

Description

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.

Plugin add a sub tab under “Products –> Product Slider – How It Works” 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 thats means it will display your product design from your theme plus style.

Check FREE DEMO
Check PRO DEMO and Features for additional information.

Also work with Gutenberg shortcode block.

This plugin contain 3 shortcode:

1) Display WooCommerce product in slider / carousel view

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

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

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

3) Display WooCommerce Featured Product in slider / carousel view

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

You can use Following parameters with shortcode

  • design:
    design=”design-1″ (Added a design parameter for custom designing. By default it will take design from wooCommerce OR from your theme. )
  • Display Product by category:
    cats=”category-ID”
  • limit:
    limit=”5″ ( ie Display 5 product at time. By defoult value is -1 ie all )
  • Display number of products at time:
    slide_to_show=”2″ (Display no of products in a slider )
  • Number of products slides at a time:
    slide_to_scroll=”2″ (Controls number of products rotate at a time)
  • Pagination and arrows:
    dots=”false” arrows=”false” (Hide/Show pagination and arrows. By defoult value is “true”. Values are true OR false)
  • Autoplay and Autoplay Speed:
    autoplay=”true” autoplay_speed=”1000″
  • Slide Speed:
    speed=”3000″ (Control the speed of the slider)
  • 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)

Stunning Features:

  • Featured products slider
  • Displaying Latest/Recent Products Slider
  • Best Selling Product slider
  • Sort by category
  • 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

  • 3 shortcodes with various parameters.
    [products_slider] OR [products_slider cats="CATEGORY-ID"]
    [bestselling_products_slider] OR [bestselling_products_slider cats="CATEGORY-ID"]
    [featured_products_slider] OR [featured_products_slider cats="CATEGORY-ID"]
  • 3 Widgets.
  • 15 Designs
    View PRO DEMO and Features for additional information.

How to install :

Screenshots

  • Display WooCommerce product in slider / carousel view
  • Display WooCommerce Best Selling Product in slider / carousel view
  • Display WooCommerce Featured Product in slider / carousel view
  • Shortcodes

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.

How to install :

This plugin contain there shortcode:

1) Display WooCommerce product in slider / carousel view
[products_slider] OR [products_slider cats=”CATEGORY-ID”]

2) Display WooCommerce Best Selling Product in slider / carousel view
[bestselling_products_slider] OR [bestselling_products_slider cats=”CATEGORY-ID”]

3) Display WooCommerce Featured Product in slider / carousel view
[featured_products_slider] OR [featured_products_slider cats=”CATEGORY-ID”]

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)

Reviews

December 6, 2019
Had a problem with my mobile view, but got chat support and they fixed it in short time! Recommended!
March 12, 2019
The plugin works great both on Desktop and Mobile. I had a small issue with images and the support team solved it in a few hours. If you are looking for a carousel plugin for woocommerce products, look no further. Thank you!!
February 10, 2019
I tested 3 product sliders, and this is the only one that actually used the thumbnail size of the image properly (other plugins were using a non-existent woo image size), and it's also way easier to customize, and very lightweight! I checked gtmetrix reports on all 3 of the plugins, and this one had the lightest footprint and loaded the fastest - it's perfect!
Read all 33 reviews

Contributors & Developers

“Product Slider and Carousel with Category for WooCommerce” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

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 ie design=”design-1″
  • Fixed some css bug

1.0

  • Initial release.