Navigation - button next previous trong Swiper Slider

1. Trong class .swiper-container của khối HTML Swiper chúng ta cần bổ sung thêm class .swiper-button-next và .swiper-button-prev cụ thể:

 <!-- Swiper -->
  <div class="swiper-container">
   ...     
    <!-- Add Arrows -->
     <div class="swiper-button-next"></div>
     <div class="swiper-button-prev"></div>
 </div>

2. Trong khởi tạo Swiper cần bổ sung thêm options Navigation:

<!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container', {
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  </script>