0

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 :

enter image description here

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

9
  • if you wants to show the product in slider then simply use view slider.
    – DRUPWAY
    Commented Oct 3, 2014 at 5:53
  • Actually I have 3 views. Can Views Slider is best to solve my query?
    – Nishant
    Commented Oct 3, 2014 at 5:57
  • Do you need 3 slider or 1 slider?
    – DRUPWAY
    Commented Oct 3, 2014 at 6:00
  • I need only one slider instead of three rows.
    – Nishant
    Commented Oct 3, 2014 at 6:01
  • Yes you can achieve your goal using view slider easily.
    – DRUPWAY
    Commented Oct 3, 2014 at 6:17

2 Answers 2

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.

3
  • Thanks @Smalution.. it's working but I have 1 query that I want to add "<" & ">" arrow for next & previous.
    – Nishant
    Commented Oct 3, 2014 at 9:23
  • Have you check the view slider controller settings. Refer this link chrisshattuck.com/blog/…
    – DRUPWAY
    Commented Oct 3, 2014 at 10:26
  • Thanks @Smalution. I got arrows in place of text. But I have 1 more query. Please check tempsend.com/4E910D5326 I got this. Due to 3 view, each view contain arrows. Is this possible to show only 2 arrows "left & right" only to control all view to slide products instead of all those.
    – Nishant
    Commented Oct 3, 2014 at 11:55
1

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.
1

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.