=== Product Slider and Carousel with Category for WooCommerce ===
Contributors: wponlinesupport, anoopranawat
Tags: best selling products, best selling products slider, slick slider, best selling products by category, shortcode, template code, featured product, featured product slider, Featured product by category, autoplay slider, best product slider, best product slider for woo shop, carousel, clean woo product slider, multiple product slider, product carousel, product content slider, product contents carousel, product slider, product slider carousel for woo, products slider, responsive product slider, responsive product carousel, slider, smooth product slider woo product slider, advance slider, woo best selling products, woo category slider, latest products, most selling products, product carousel slider, recent product carousel, recent product slider
Requires at least: 3.1
Tested up to: 5.5
Stable tag: trunk
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Woocommerce Product, Best Selling Product, Featured Product Slider/Carousel with category. Also work with Gutenberg shortcode block.
== 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 [Demo and Features](https://demo.wponlinesupport.com/product-slider-and-carousel-demo/) 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)
* **Loop:**
loop="true" (Control the infinite scroll of the slider. value that you can use are loop="true" OR loop="false" )
* **Order:**
order="DESC" (Product order ie DESC or ASC).
* **Order by:**
orderby="date" (Order by product ie date, ID, author, title, modified, rand and menu_order etc).
**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
>
> * 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
> * 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
> * 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
> View [PRO DEMO and Features](https://www.wponlinesupport.com/wp-plugin/woo-product-slider-carousel-category/) for additional information.
>
= Features : =
[youtube https://www.youtube.com/watch?v=yA_ieJqTTJw]
= How to install : =
[youtube https://www.youtube.com/watch?v=6R5JvYBk0jU]
== 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 : =
[youtube https://www.youtube.com/watch?v=6R5JvYBk0jU]
= 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"]
== Frequently Asked Questions ==
= My slider is not working =
We have targeted as you can check wooCommerce default class for product looping BUT in your theme i think you have changed the class name from
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)
== Screenshots ==
1. Display WooCommerce product in slider / carousel view
2. Display WooCommerce Best Selling Product in slider / carousel view
3. Display WooCommerce Featured Product in slider / carousel view
4. Shortcodes
== Changelog ==
= 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 ie design="design-1"
* Fixed some css bug
= 1.0 =
* Initial release.
== Upgrade Notice ==
= 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.