Slider Padding (swiperjs)

How To
1

As far as I understand, Bricks uses “swiperjs” for the nestable slider. Can someone give me a hint how I can achieve this:

grafik
grafik962×604 22.8 KB

Appreciate your help

2

It’s called splide not swiper, but you’re on the correct documentation.

if you just mean the spacing between the slides, there’s a setting called ‘spacing’. It’s not visible unless you add a background or border to the slides. But it adds the spacing/gap between the slides.

if you mean the actual padding option from splide. You’d need to use the custom options, and add it in manually directly from splide. As it wasn’t added in as an option in Bricks.

1 Like
3

Thank you for your help. Works great (it was “if”-nr. 2")

For anyone else who might stumble over this:

  • I have a nestable slider and to add options which are not available by default via the bricks frontend there is a great reference on the splide site: https://splidejs.com/
  • The nestable slider “options type” needs to be set from “default” to “custom”, and there you can simply paste the code.

Example:

{
    "height" : 400,
  	"type"   : "loop",
  	"padding" : "20%",
  	"gap": "5em"
}

PS: Make sure to use the double quotes " ;-)
1 Like