$('.popular-effects_slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
draggable: false,
speed: 1000,
/*fade: true,*/
loop: true,
cssEase: 'ease',
prevArrow: '<button class="slick-prev slick-arrow" aria-label="Previous" type="button" style=""><i class="icon-simple-arow"> </i></button>',
nextArrow: '<button class="slick-next slick-arrow" aria-label="Next" type="button" style=""><i class="icon-simple-arow"> </i></button>',
});
так не получилось
$(' .popular-effects .popular-effects-next').on('click', function () {
$('.popular-effects_slider').slick('slickNext');
});
$(' .popular-effects .popular-effects-prev').on('click', function () {
$('.popular-effects_slider').slick({ speed: 100 });
$('.popular-effects_slider').slick('slickPrev');
});