How to change factional pagination in sweeper?

Question

css

Default delimiter character is / : https://swiperjs.com/demos/060-pagination-fraction.html Can it be changed to a dash?

Answer 1

In the documentation https://swiperjs.com/api/#pagination
the renderFraction parameter

var swiper = new Swiper('.swiper-container', {
  //...
  renderFraction: function (currentClass, totalClass) {
      return '<span class="' + currentClass + '"></span>' +
              ' of ' +
              '<span class="' + totalClass + '"></span>';
  }
});

in the example -  of(1 of 10)