Как кастомизировать пагинацию swiperjs?

Question

[cupacabka]

Как убрать "/" между двумя цифрами в пагинации fraction? Там по дефолту между двумя цифрами активным и общим количеством слайдеров ставится слеш. Мне надо по макету его убрать.

Answer 1

[Corvuss]

https://swiperjs.com/api/#pagination
Попробуйте опцию renderFraction.

Answer 2

[Антон Литвиненко]

из документации

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

Comments

[cupacabka]

Да я вроде все также делаю и ноль реакции.

pagination: {
    el: '.swiper-pagination',
    type: 'fraction',
    renderFraction: function (currentClass, totalClass) {
      return '<span class="' + currentClass + '"></span>' +
              '' +
              '<span class="' + totalClass + '"></span>';
  },
  
}

Причем такое ощущение, что не работает этот renderFraction я пробовал произвольно менять дописывать числа и ноль реакции вывод как стандартный

[Антон Литвиненко]

cupacabka, почему вы пишите в пагинацию?

[cupacabka]

Получилось спасибо

[cupacabka]

Антон Литвиненко,

pagination: {
    el: '.swiper-pagination',
    type: 'fraction',
    renderFraction: function (currentClass, totalClass) {
      return '<span class="' + currentClass + '"></span>' +
              '  ' +
              '<span class="' + totalClass + '"></span>';
  }
  },

Вот это рабочий вариант получается