Categorized_Product_Slider

Categorized Product Slider is built on top of OWL Carousel JS. OWL Carousel is a touch enabled jQuery plugin that lets you create beautiful responsive carousel slider. This extension will provide user with an ability to create any number of product sliders based on the product category. The extension provides admin with full control over displaying desired number of products, Product pagination/navigation colours and display of "New" and "Sale" product tags for the products. It can be called using the short-codes.

Demo Link: http://extensiondemo.vsourz.co/categories-product-slider

Got Stuck? Need Support? Click Here

Features:
- Categorized product slider with ability to create unlimited numbers of product category sliders.
- Flexible options to customize slider style
- Responsive and mobile friendly with autoplay and lazy-loading functionality.
- Ability to specify image size/dimension from the backend
- Display/Hide Product ratings, Add to cart, Wish-list and Compare products options.

How to use?

1) Go to System >> Configuration >> Category Product Slider >> Slider Settings and configure the slider settings as shown in screenshot.

2) Go to System >> Configuration >> Category Product Slider >> Product Settings and configure how you want to display the products on website. Please check screenshot below

3) Call the product slider using any of the below shortcode.

Shortcode

ADMIN:
{{block type="vsourz_catproduct/productslider" category_id="2" title="Product Slider" template="vsourz/products/productslider.phtml" product_count="12"}}

XML:
2
Product Slider12

PHTML:
echo $this->getLayout()->createBlock('vsourz_catproduct/productslider')->setCategoryId('2')->setTemplate('vsourz/products/productslider.phtml')->setTitle('Product Slider')->setProductCount('12')->toHtml();

Shortcode Parameters:

There are three main parameters which you need through short code for it function properly
1) Category Id: Each short has category id passed. This value is the id of the category whose product you want to display in the product slider.
2) Products Count: Maximum numbers of product to be displayed in slider.
3) Title: Title of the required product slider is displayed over here.

We have used OWL Carousel for slide effect. For more information on OWL Carousel, please visit official website here