How to change the carousel?

Question

PostgreSQL

Friends, do not tell me why when there is 1 object in the carousel, it is duplicated by the number specified in js. How to make sure that it is not duplicated, but the settings for the number of output are preserved.
https://codepen.io/Nelis/pen/reEjZz

Answer 1

var count_items = $('.owl-carousel .item').length;

$('.owl-carousel').owlCarousel({
…
responsive: {
    0: {
      items: 1
    },
    600: {
      items:  count_items >= 3 ? 3 : count_items
    },
    1000: {
      items: count_items >= 5 ? 5 : count_items
    }
  }
})

If you need to add elements, you will have to reinitialize $('.owl-carousel').owlCarousel each time…