How to add slider to show multiple view's product in a slider in commerce site of drupal 7?

Question

I am working on Commerce Kickstart. In my homepage there are 3 views & each view contain 3 product. Each view's products are shown in a column like below image :

I want to add slider to show all products by clicking "< >" arrow. How can I implement. Please Help. Thanks

Answer 1

you can achieve your requirement using views_slideshow module.

Views Slideshow can be used to create a slideshow of any content (not just images) that can appear in a View.

News item slideshow (such as the title, image etc).

The Last X number of X submitted (images, videos, blog entries, forum posts, comments, testimonials, etc.).

Rotate any image, based on any filters you can apply in views.

Hottest new products for any ecommerce drupal site.

Rotate contact links, share links, etc.

Implementation :

Steps:

Enable view slideshow module.

Create a view using existing content type(ex-product).

View format: Slideshow

Add item for slideshow (such as the title, image etc).

For getting Next & Previous link

Goto view slider settings

Enable the controls as text.

It displays 'next','pause' and 'previous' link

Later you change the css as per requirements.

Answer 2

if you wants multiple product in slider with next previous arrows then go for jcarousel module

Features

Built-in Views support.
AJAX-loading of additional items as needed.
Carousel pager/navigation to jump between multiple pages.
Circular wrapping of items.
API for direct usage of jCarousel without Views.