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.

ID Attribute Default value options Description
 1 title null Slider title.
 2 theme grid cs-style-3 ben-box Slider support two different theme.
 3 nav true false Slider navigation at top right corner.
 4 autoplay true false Slider autoplay.
 5 stop true false Slider stop on mouse hover.
 6 pagination false true Slider pagination at bottom.
 7 count false true Slider counting.
 8 items 4 ANY Number Number of product on default screen.
 9 items_desktop 3 ANY Number Number of product on screen size 1199px
 10 items_desktop_small 3 ANY Number Number of product on screen size 979px
 11 items_tablet 2 ANY Number Number of product on screen size 768px
 12 items_mobile 1 ANY Number Number of product on screen size 479px
 13 speed 1000 ANY Number Slider speed in millisecond.
 14 width 320 ANY Number Product image width in Pixel.
 15 height 300 ANY Number Product image height in Pixel.
 16 crop true false Product image hard crop or not.
 17 orderby none ID/author/title/date/rand Product orderby. Detalis Here.
 18 order DESC ASC Product order
19 posts -1 Any number Number 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.