vertical slick test

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css">
<div class="slider">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
</div>

CSS

.slider {width:100px;margin: auto;}
.item {background-color:#dcdcdc;text-align:center;line-height:100px;}

JavaScript

jQuery(document).ready(function($){
  $('.slider').slick({
  vertical:true,
  infinite: true,
  slidesToShow:4,
  prevArrow: '',
  
  nextArrow: '<button type="button" class="slick-down">тыц</button>'
  });
});