WPB WooCommerce Product Slider Documentation


WPB WooCommerce Product Slider Documentation:

New Features : 

  • Slider design is now more cool.
  • Show product in slider by SKU
  • Visual Composer addon support.
  • No more coufusing settings, Settings panel is now vary easy & simple.
  • Custom CSS field support in setting panel.
  • You can enable or disable the title, category, price even add to cart button also.
  • Control number of product to show in phone, tab, small screen.
  • Image height & width define feature
  • Product order & orderby.

Basic use
Will show you a slider of all products.


Category Product
Will show you a slider of products form specific categorys. Needs comma separated category IDs.

[wpb-product-slider category="20,50,99"]

Featured Product
Will show you a slider of products form featured products.

[wpb-product-slider product_type="featured"]

Products ID
Will show you a slider of products form specific products ID. Needs comma separated products ID.

[wpb-product-slider id="67,70,73"]

Products SKU
Will show you a slider of products form specific products SKU. Needs comma separated products SKU.

[wpb-product-slider skus="khan,imran"]

Products Attribute
Will show you a slider of products form specific products attribute and attribute values. Needs comma separated attribute values like bellow.

[wpb-product-slider attribute="color" filters="black,blue,green"]

Advance Use of Shortcode

[wpb-product-slider title="Hot Collections" product_type="category" category="shirt,pant,t-shirt" items="4" items_desktop="3" items_desktop_small="3" items_tablet="2" items_mobile="1" width="320" height="300" theme="ben-box" orderby="none" order="ASC"]

20attributenullProduct attribute nameProduct attribute name.21filtersnullProduct attribute values.Product attribute values. Multiple attribute values by comma separated.

IDAttributeDefault valueoptionsDescription
 1titlenullSlider title.
 2themegrid cs-style-3ben-boxSlider support two different theme.
 3navtruefalseSlider navigation at top right corner.
 4autoplaytruefalseSlider autoplay.
 5stoptruefalseSlider stop on mouse hover.
 6paginationfalsetrueSlider pagination at bottom.
 7countfalsetrueSlider counting.
 8items4ANY NumberNumber of product on default screen.
 9items_desktop3ANY NumberNumber of product on screen size 1199px
 10items_desktop_small3ANY NumberNumber of product on screen size 979px
 11items_tablet2ANY NumberNumber of product on screen size 768px
 12items_mobile1ANY NumberNumber of product on screen size 479px
 13speed1000ANY NumberSlider speed in millisecond.
 14width320ANY NumberProduct image width in Pixel.
 15height300ANY NumberProduct image height in Pixel.
 16croptruefalseProduct image hard crop or not.
 17orderbynoneID/author/title/date/randProduct orderby. Detalis Here.
 18orderDESCASCProduct order
19posts-1Any numberNumber of products to show in your slider. Default it will show all.


Best selling products slider:

On version 3.05.3 we added a new feature for showing the best selling products slider. Go to the shortcode generator select product type to best selling and set orderby to meta_value_num. Now you can select order to DESC or ASC as your need.

WooCommerce Best Selling Products Slider

Video Documentation

Shortcode Builder:




  • Nice Blog, thanks for sharing this kind of information.

  • Prig


    I have purchased this extension before. now I want to sort product in order of SKU as i wrote in shortcode. Can I know what I have to do?

    [wpb-product-slider skus=”0060,0102,200,0095″]

    This is shortcode but I want to set order like same as 0060,0102,200,0095


    • Make sure you download this plugin latest version and update in your site. Then follow this documentation for SKU product slider.


  • Mart In

    I have purchased the latest extension but i cant see the category’s in the slider, it didn’t work.
    example: [wpb-product-slider title=”test” product_type=”category” category=”test”]
    Maybe a option to crawle the url slug instead of the title of the category?

  • Ep

    I have purchased the latest version and cannot edit a slider. There is no button to edit a slider, only the long code. There is also only one option for a slider and the navigation does not show?
    Must I re-install? .

  • Ep

    I hope somebody reads this as there is no other form of support.

  • Viktor Löfgren

    I want to remove the “Sale!”-indicator in the upper right corner. How do I do that?

  • Juan Gabriel Delgado Picado

    Hello I bought the woocomerce product slider pro version. However, when I try to add any slider using the above shortcuts in my site, they are not displayed, it shows the following error: “No products foundNo products found” .

    Atached is the error and a picture of my products displaying the feature product star. The problem is happening with all products.

  • simon

    Hi i m tring the free version , i m testing. when i use add to basket button, an unit is added to basket (desired effect) but after that the entire page reloads (deprecated effect)…this is normal?? or it is a bug?? thank you

  • Mikko

    Hi, Couple things: Add shortcode to the page does not work for me. I can live without that – no problems. I tried to look source code but did not find how this hook the slider image action. We’re using our store as a showroom so we have only external products. What I should now reach is that when consumetn cliks pruduct image it should redirect to product url. Could you please help me with that?

  • Jean

    Is there any way to remove the white space above the slider when the navigation is off? Or is there a way to center the navigation arrows or move them below the product images?

  • Diego

    Can I have more than one slide per page ? I Tried put 5 slides in on one single page but only the first appear