Hi team,
The Drag Free feature would be great for carousels on mobile for mobile users. This can be seen in the demos on the official splide js website.
2 Likes
Hi everybody,
I’m looking for the exact same behaviour you can find here Splide - The lightweight, flexible and accessible slider/carousel
Tried typing “free” in “elements to drag” but did not work 
When set to “1” it doesn’t really feel natural to swipe with fingers on a smartphone, if you’re movement is too long, you swipe 2 to 3 slides, but if you barely touch it you manage to slide by 1, even when your elements are pretty large.
Agreed! I would also like a simple way of selecting “Drag Free”. The current slider feels sort of disorienting to use IMO.
For anyone looking for a way of selecting this option within Bricks, go to your slider, and under Options, choose Options type: “Custom”. Provide options in JSON format like this:
{
“mediaQuery”: “max”,
“type”: “loop”,
“drag”: “free”,
“direction”: “ltr”,
“keyboard”: “global”,
“padding”: “0rem”,
“gap”:“2rem”,
“start”: 1,
“perPage”: 4,
“perMove”:1,
“speed”:400,
“autoHeight”:true,
“autoplay”:false,
“pauseOnHover”:true,
“pauseOnFocus”:false,
“interval”:3000,
“arrows”:false,
“pagination”:true,
“reducedMotion”: {
“autoplay”: false,
“speed” : 400
},
“breakpoints”: {
“1366”: {
“perPage”: 4},
“991”: {
“perPage”: 3},
“768”: {
“perPage”: 2},
“478”: {
“perPage”: 1.5},
“375”: {
“perPage”: 1.5}
}
}
Hope this helps someone finding this thread.
1 Like