Карусель товара - Joomla 3.x: Общие вопросы

<a id="complekt"></a>
<div class="container"> 
<div class="swiper-container">
  <div class="swiper-wrapper">
      <div class="swiper-slide">{rsform 5}</div>
      <div class="swiper-slide">{rsform 6}</div>
      <div class="swiper-slide">{rsform 7}</div>
      <div class="swiper-slide">{rsform 8}</div>
      <div class="swiper-slide">{rsform 9}</div>
      <div class="swiper-slide">{rsform 10}</div>
      </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
</div>
  <script>
    var swiper = new Swiper('.swiper-container', {
      slidesPerView: 3,
      spaceBetween: 30,
      slidesPerGroup: 3,
      loop: true,
      loopFillGroupWithBlank: true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  </script>