Собственно разметка самая обычная:
<section id="slider">
<div>
<div class="slider-item" style="background:url(<?php echo get_template_directory_uri(); ?>/img/slider/1.jpg) 50% 50%;background-size:cover;">
<div class="slider-overlay"></div>
<div class="container">
<div class="flex-row row">
<div class="col-md-5 col-md-offset-1">
<h2>В наличиии запчасти для всех
моделей FORD</h2>
</div>
<div class="col-md-6 text-center">
<a href="/autoparts/" class="slider-button" title="Перейти в каталог">Перейти в каталог</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="slider-item" style="background:url(<?php echo get_template_directory_uri(); ?>/img/slider/1.jpg) 50% 50%;background-size:cover;">
<div class="slider-overlay"></div>
<div class="container">
<div class="flex-row row">
<div class="col-md-5 col-md-offset-1">
<h2>В наличиии запчасти для всех
моделей FORD</h2>
</div>
<div class="col-md-6 text-center">
<a href="/autoparts/" class="slider-button" title="Перейти в каталог">Перейти в каталог</a>
</div>
</div>
</div>
</div>
</div>
</section>
$('#slider').slick({
prevArrow: $('.slider_prev'),
nextArrow: $('.slider_next'),
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
});
Если у меня только один слайд, то он отображается, как только я добавляю второй слайд, в блоке ничего не отображается, но если жать на стрелку прокрутки, то один слайд пытается выехать на главный экран, но снова исчезает. В чем может быть дело?
Возможно линк чем-то поможет :
xn--d1amkbijp.xn--p1ai 
