Install Swiper on Grav

Archive
2

Hi
I don’t know anything about this this plugin specifically but in general you can add that script code into your twig template file or if it’s going to be used over multiple templates it might be easier to create a .js file and call that from the twig template(s).

You would add those lines within the {% block %} commands - probably at the end of the file between the end of the HTML and the block tags like this:

</div>

<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    // Optional parameters
    direction: 'vertical',
    loop: true,
    
    // If we need pagination
    pagination: '.swiper-pagination',
    
    // Navigation arrows
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev', 
    
    // And if we need scrollbar
    scrollbar: '.swiper-scrollbar',
  })        
  </script>

{% endblock %}