Content slider with multiple items per slide

Evine Beursken asked on December 22, 2016 09:25

I would like to have a slider with a constant amount of 3 items per slide. What is the best way to do so?

To explain my case some more: I have a home page with several childs and I use a content slider to loop over those child pages to show their content. I would like to show 3 of these pages at the same time.

Any ideas how to approach this?

Correct Answer

Chetan Sharma answered on December 22, 2016 12:06

Hi Evine,

I have done this multiple times. This is what I would suggest you

Create Page type for your slides
Bind it with a repeater (Not basic repeater)
For markup use Slick slider. It's one of the best library to create slider which are responsive too

Slick Slider

0 votesVote for this answer Unmark Correct answer

Recent Answers

Dragoljub Ilic answered on December 22, 2016 09:56 (last edited on December 22, 2016 09:57)

Hi Evine,

You can use simple Basic Repeater component to achive this. Just generate proper HTML as you have it in static HTML. And if you want to take some custom field from that page type, don't forget to set Page Type of that items in repeater. In that way, you can access to custom fields of each item.

1 votesVote for this answer Mark as a Correct answer

Evine Beursken answered on December 22, 2016 10:30

Hi Dragoljub,

So you say that I should use a basic repeater instead of a content slider?

The idea than is to use for example a macro data source to retrieve the pages and connect this to the basic repeater with effect since I want it to slide. So I need to add javascript to make this possible.

Correct or am I misunderstanding your idea?

1 votesVote for this answer Mark as a Correct answer

Dragoljub Ilic answered on December 22, 2016 10:50

Hi Evine,

I thought that you asked generally about sliders on page. Yes, you can use default 'content slider' component, but that depends how your slider looks like. You need to check is that is really what you want. It can be difficult to customize it to fit you requirements. In my case, I always implement it with repeaters.

0 votesVote for this answer Mark as a Correct answer