Владимир Куликов

import os
os.mkdir("test")
f = open("test/_test.sass","w")
f.write(".test")
f.close()

f = open("test/__test.pug","w")
f.write("section.test")
f.close()

prevArrow: $('.prev'),
nextArrow: $('.next'),

swiper.mousewheel.disable ()
Отключить управление колесиком мыши

swiper.mousewheel.enable ()
Включить управление колесиком мыши

ну и сам пример событий
map.addEventListener('mouseenter', () => pageSlider.mousewheel.disable());
map.addEventListener('mouseleave', () => pageSlider.mousewheel.enable());

yamps → ymaps

Короче, для тех кто видит этот пост. Разобрался со второй версией =)
Вот код:

var owl = $("#team__slider").on('initialized.owl.carousel changed.owl.carousel', function(e) {
	var carousel = e.relatedTarget;
	if ( carousel.current() + 1 === carousel.items().length) {
		setTimeout(function () {
			var dots = $('#team__slider .owl-dot');
			$(dots[0]).trigger('click');
		}, 7000);
	}
}).owlCarousel({
	navText: ['<svg xmlns="http://www.w3.org/2000/svg" width="15" height="24"><path d="M2.8 0L0 2.8 9.3 12 0 21.2 2.8 24 15 12 2.8 0z"/></svg>','<svg xmlns="http://www.w3.org/2000/svg" width="15" height="24"><path d="M2.8 0L0 2.8 9.3 12 0 21.2 2.8 24 15 12 2.8 0z"/></svg>'],
	responsiveClass:true,
	loop:false,
	nav: true,
	dots: true,
	items: 1,
	autoplayTimeout:7000,
	autoplay:true
});

Решение: (оставлю тут)
<?php
$brandTerms = get_terms('pa_brend', array('hide_empty' => 0, 'parent' =>0));
foreach($brandTerms as $brandTerm) :

echo $brandTerm->name;
echo $brandTerm->description;
echo $brandTerm->term_id;
echo get_field('logo_brand', $brandTerm);

endforeach;
?>

$(function() {
   $('.owl-carousel').owlCarousel({
       margin: 50,
       responsiveClass: true,
       items: 2,
       nav: true,
       navText: ["<img src='img/prev.png'>", "<img src='img/next.png'>"],
       responsive: {
           0: {
               items: 1,
               margin: 150,
               center: true,
               autoWidth: true,
               nav: false,
               navText: []
           },
           992: {
               items: 2
           }
       }
   });

Просто в navText меняешь значения на свои)

Как оказалось, ошибка была в том, что нужно было просто добавить к контейнеру класс owl-theme

Получаете элементы, которые будут выступать в роли кнопок для перехода к слайдам; вешаете на них обработчик клика, в котором получаете индекс кликнутого элемента и переключаете слайдер на соответствующий слайд:

const $buttons = $('здесь селектор ваших кнопок').click(function() {
  $slick.slick('slickGoTo', $buttons.index(this));
});

Чтобы выделить кнопку, соответствующую текущему слайду, добавляете слайдеру обработчик событий init и beforeChange, в котором убираете класс, отвечающий за стилизизацию у всех кнопок (так проще, чем искать ту, которой он назначен в данный момент), добавляете его той, чей индекс совпадает с индексом текущего/будущего (в зависимости от события) активного слайда:

$slick.on('init beforeChange', function(e, slick, currSlide, nextSlide) {
  $buttons
    .removeClass('active')
    .eq(e.type === 'init' ? slick.currentSlide : nextSlide)
    .addClass('active');
});

https://jsfiddle.net/t1647ync/