Cacher is the code snippet organizer for pro developers

this.$cardSlider.slick({
      slidesToShow: 4,
      slidesToScroll: 2,
      dots: false,
      infinite: true,
      arrows: true,
      speed: 600,
      cssEase: 'ease',
      useTransform: true,
      adaptiveHeight: true,
      prevArrow: '<button type="button" class="cards-slider__btn cards-slider__btn_prev"><svg class="cards-slider__btn-icon icon-sld-arr_l"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sld-arr_l"></use></svg></button>',
      nextArrow: '<button type="button" class="cards-slider__btn cards-slider__btn_next"><svg class="cards-slider__btn-icon icon-sld-arr_r"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sld-arr_l"></use></svg></button>'
      // accessibility: false
    });

const $teaserSld = $('.js-teaser-slider');
$teaserSld.slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  speed: 1000,
  infinite: true,
  prevArrow: '<button type="button" class="teaser__slider-btn teaser__slider-btn_prev"><svg class="teaser__slider-btn-icon icon-arr_l"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/sprite.svg#icon-arr-sld_l"></use></svg></button>',
  nextArrow: '<button type="button" class="teaser__slider-btn teaser__slider-btn_next"><svg class="teaser__slider-btn-icon icon-arr_r"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/sprite.svg#icon-arr-sld_l"></use></svg></button>'
});

$('.owl-carousel').owlCarousel({
			items: 4,
			dots: false,
			nav: true,
			margin: 5,
			navText: [
				'<button type="button" class="view__slider-arr view__slider-arr_prev"><svg class="view__slider-icon icon-arr-sld_l"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/sprite.svg#icon-arr-sld_l"></use></svg></button>',
				'<button type="button" class="view__slider-arr view__slider-arr_next"><svg class="view__slider-icon icon-arr-sld_r"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/sprite.svg#icon-arr-sld_r"></use></svg></button>'
			]
		});