<div class="bike-slider">
<div><img class="bike-slider__item" src="images/bike-1.jpg" alt=""></div>
<div><img class="bike-slider__item" src="images/bike-2.jpg" alt=""></div>
<div><img class="bike-slider__item" src="images/bike-3.jpg" alt=""></div>
<div><img class="bike-slider__item" src="images/bike-4.jpg" alt=""></div>
</div>$('.your-slider').slick('setPosition');
.main-slider__child-item.slick-slide.slick-current.slick-active {margin-right: 30px;}$('.tab_content .products').slick('setPosition');$('.tabs_main li').click(function(event) {
if ($('.slider > div').length > 1) {
//больше 1 и стрелки будут
} else {
//меньше и стрелок не будет
}$('.slick-dots').prepend('<li><a class="prev-btn" href="#">Prev</a></li>');
$('.slick-dots').append('<li><a class="next-btn" href="#">Next</a></li>');.slick-track {
display: flex;
}
.slick-track .slick-slide {
display: flex;
height: auto;
}.goods__col {margin: 1px 4px;}
.slick-dots {
list-style: none;
padding:0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.slick-dots li {
margin: 0 5px;
}
.slick-dots button {
border: none;
background: gray;
width: 10px;
height: 10px;
font-size: 0;
border-radius: 50%;
}
.slick-dots .slick-active button {
background: red;
}