<div class="my-slider1 slider-style-1">
<div class="item-slide">SLIDE 1</div>
<div class="item-slide">SLIDE 2</div>
<div class="item-slide">SLIDE 3</div>
<div class="item-slide">SLIDE 4</div>
<div class="item-slide">SLIDE 5</div>
<div class="item-slide">SLIDE 6</div>
</div>
<div class="my-slider2 slider-style-2">
<div class="item-slide">SLIDE 1</div>
<div class="item-slide">SLIDE 2</div>
<div class="item-slide">SLIDE 3</div>
<div class="item-slide">SLIDE 4</div>
<div class="item-slide">SLIDE 5</div>
<div class="item-slide">SLIDE 6</div>
</div>
$(document).ready(function(){
$('.my-slider').slick({
slidesToShow: 3,
});
$('.my-slider2').slick({
slidesToShow: 1,
});
});
.slider-style-1 .item-slide{
background: #CCC;
}
.slider-style-2 .item-slide{
background: #000;
}
$('.block_brand .slider-items').slick({
autoplay: false,
arrows: true,
autoplaySpeed: 3000,
adaptiveHeight: false,
dots: true,
slidesToShow: 4,
slidesToScroll: 1,
dotsClass: 'nav slide-dots',
prevArrow: '<li class="nav-item mr-auto prev border-light-r text-center"></li>',
nextArrow: '<li class="nav-item ml-auto next border-light-l text-center"></li>',
appendArrows: '.block_brand .slider-navigation',
appendDots: '.block_brand .slider-navigation',
responsive: [{
breakpoint: 1025,
settings: {
arrows: true,
slidesToShow: 4,
slidesToScroll: 1
}
},{
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 1,
slidesToScroll: 1
}
}]
});
var_dump($_POST);
var_dump($_FILES);