Как настроить навигацию owlCarousel 2?

Question

[RushV]

Здравствуйте!
Есть код:

$('.similar-product').owlCarousel({
    margin:10,
    nav:true,
    navText : ['<span class="sl-left"><i class="fas fa-chevron-left fa-3x text-dark"></i></span>','<span class="sl-right"><i class="fas fa-chevron-right fa-3x text-dark"></i></span>'],
    autoWidth: false,
    dots: false,
    navContainerClass: 'owl-nav',
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:4
        },
        1200:{
            items:4
        }
    }
});

Как настроить, что бы при добавление 4 -го элемента включалась навигация?

Answer 1

[Алексей Дубровин]

Всегда включайте навигацию.(навешиваете стили которые её скрывают)
При добавление 4го элемента, навешиваете класс, который её показывает.

Comments

[RushV]

Надо самому писать такой скрипт? Я думал что есть какая та настройка.

[Алексей Дубровин]

RushV,
Как вы представляете должна выглядеть такая настройка?
Если нужно использовать только API owl то
Можно навешиваться на событие инициализации. Проверять кол-во элементов и самому создавать и добавлять навигацию.(Как навешиваться на событие есть в доке в вкладке events).

То что я описал выше делается в 3 строчки.
1) получаем кол-во элементов
2) Проверка. Если больше 3х элементов
3) Если условие сработало. Добавить класс на навигацию

[RushV]

Алексей Дубровин, А как получаем кол-во элементов в данной ситуации?
Грамотно так скажем.
Подсчитать Дивы или как?

[Алексей Дубровин]

RushV,
Я же не знаю как у вас всё грузится.
Если вы из json данных, то посчитайте их кол-во от туда.
Если вы на стороне сервера определяете кол-во. То это там делается.

[RushV]

Алексей Дубровин,
Вот написал правильно, что то не работает?
Где то ошибся по ходу.

let i = document.querySelectorAll('.owl-similar > div');
 for (let elem of i) {
  if(elem > 4){
    $('.owl-nav').removeClass('disabled');
  }
}

[Алексей Дубровин]

RushV,

let a = 10;
console.log(a); // console.log - выводит в консоль

ошибка в том что вы не где не получили кол-во элементов.