WPB WooCommerce Product Slider Documentation

Rating:

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.

[wpb-product-slider]

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: