Skip to main content

slidesToShow

The number of slides to show in the slider at a time.

default​

slidesToShow: 1

blaze-slider will set the value of slidesToShow as value of --slides-to-show css variable on the target .blaze-slider element

note

Remember to also configure the --slides-to-show in your CSS file to avoid layout shifts as explained in this tutorial


Example: slidesToShow: 1 (default)​

new BlazeSlider(el, {
  all: {
    slidesToShow: 1,
  },
})
1
2
3
4
5
6

Example: slidesToShow: 3​

new BlazeSlider(el, {
  all: {
    slidesToShow: 3,
  },
})
1
2
3
4
5
6