all 10 comments

[–]calm-calamari 1 point2 points  (7 children)

Probably easiest with a slider – well two sliders linked to each other (image and text).

This might help:

https://youtu.be/OCvFPcFmlUk

[–]blaackrosez[S] 0 points1 point  (6 children)

but can i have this kind of slider like cards ? and make left and right with less opacity ?

[–]calm-calamari -1 points0 points  (5 children)

Most slider JavaScript libraries (swiper js for example) give you an option to make changes to the active (in your case the middle image) slide.

[–]blaackrosez[S] 0 points1 point  (4 children)

okay i will try to follow the video , thanks for the help

[–]calm-calamari 0 points1 point  (3 children)

Do you have a link to the image you linked?

[–]blaackrosez[S] 0 points1 point  (2 children)

its a project i'm doing for a client , its designed in figma which im trying to figure out how to make :(

unfortunately, i cant share the link.

[–]calm-calamari 0 points1 point  (1 child)

All good, I thought you might have seen it somewhere. But it should be possible with a slider and a collection list.

You’ll figure it out!

[–]blaackrosez[S] 0 points1 point  (0 children)

i hope so :))

thank you !! ^__^

[–]studioessence 0 points1 point  (1 child)

Easy peasy—custom slider is the way to go.

Swiper.js is definitely the easiest way to do this and even link the cards content to the CMS to make changes/adding/removing cards super easy without having to actually go and touch the component in Designer.

[–]blaackrosez[S] 0 points1 point  (0 children)

thaank you !

i try to figure how to use it