Как отключить стрелки Slick Slider?

Question

Я использую слайдеры Slick с двумя разными стилями, для моей веб-страницы, но у меня проблема со стрелками. Не могли бы вы помочь мне?

Это мой главный .slider, я стиль это предыдущие и следующие стрелки с помощью CSS

http://prntscr.com/7kdpgo

И здесь я использовал .filtering класса Slick, но я не хочу, чтобы эти стрелков. Как я могу отключить их здесь и добавить их в дизайн?

http://prntscr.com/7kdq03

Answer 1

Из того, что я вижу ползунок создает с АО своими стрелами (те, которые вы хотите удалить из того, что я понимаю). Но у них есть функциональность, связанная с ними, поэтому вы хотите сделать их похожими на те, что сверху слайдера, а затем заменить те, что сверху.

$(document).ready(function(){ 
 
\t \t $('.your-class-reg').slick({ 
 
\t \t infinite: true, 
 
\t \t slidesToShow: 1, 
 
\t \t slidesToScroll: 1, 
 
\t \t prevArrow: '<a class="your-class-btn-back">Back</a>', 
 
\t \t nextArrow: '<a class="your-class-btn-forward">Forward</a>', 
 
\t \t rows: 1 
 
\t \t }); 
 
\t });

Вы должны использовать один и тот же класс CSS, использованный для маленьких верхних стрелок вместо .your-class-btn-back и .your-class-btn-forward. После этого вы можете перемещать их с абсолютной позицией, перекрывая те, которые вы изначально сделали, а затем читаете начальные. Таким образом, они будут выглядеть как те, которые у вас есть на вашем печатном экране, и имеют необходимую функциональность.

Answer 2

Просто установите их на null. Работа выполнена!

<script> 
     $('#carouselclass').slick({ 
     slidesToShow: 3, 
     slidesToScroll: 1, 
     autoplay: true, 
     autoplaySpeed: 1500, 
     prevArrow: null, 
     nextArrow: null, 
     }); 
    </script> 

Answer 3

<script> 
    $('#carouselclass').slick({ 
    slidesToShow: 3, 
    slidesToScroll: 1, 
    autoplay: true, 
    autoplaySpeed: 1500, 
    arrows : false, 
    }); 
</script>