Slider Layout Option

Design help General
1

Guys, can you help me achieve this kind of layout using slider?

sample
sample1022×380 4.73 KB

I need a kind of slider with at least 4 blocks inside without the pagination on the bottom part.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

I @lestergonzales

Great question.

You can customize the slider element to be a carousel slider—showing multiple slides at once. Here’s how to make a slider that shows 4 slides at a time:

  1. Add a slider
  2. Select slide 2 and delete it
  3. Select slide 1 and set it’s width to 23% and add a margin of 1% on the left and right
  4. Copy and paste the slide as many times as you need

See this video: Screen Recording 2018-09-04...

Note: If you need to edit the slides to differentiate them from one another (e.g. different background images), you can add a different combo class to each slide.

Hope this is helpful.

1 Like
3

Thanks, But i was hoping for a slider like this that cut the last and first slide content

Group%201
Group%201978×888 3.73 KB

4

You can do that the same way, just make the slides a bit larger (say 30%) so the last one is cropped. But that won’t crop the first one.

Or, you can create a custom slider. That might be a bit tricky with arrows though. Another way of creating such a slider is using scroll. Here’s a helpful tutorial that can help you build a slider that works on scroll:

Hope this is helpful.

1 Like
5

Hey, thats another great example but not in that way, I just found a site that perfectly describe my goal on it. https://kodakdigitizing.com/ look for the 3rd section of the site where you can see the reviews.

Looking forward to see what solutions we may get on that. Thanks!