Как мне сделать чтобы slick slider чтобы отображалось 3 элемента и скроллить по 3?

Question

Как мне сделать чтобы slick slider чтобы отображалось 3 элемента и скроллить по 3? 
у меня 6 элементов, хочу чтобы отображалось 3 и скроллилось по 3, без стрелок, а элементов пагинации было 2, как это сделать? 
Вот мой код: 
.exper-row(style=&#34;background-image: url('img/svg/exper-row-bg.svg')&#34;) 
            .exper-item  
              .exper-item-num 01 
              h3.exper-item-title Civil engineering 
            .exper-item  
              .exper-item-num 02 
              h3.exper-item-title Machine and building foundations 
            .exper-item  
              .exper-item-num 03 
              h3.exper-item-title Silo and slipform construction 
            .exper-item  
              .exper-item-num 04 
              h3.exper-item-title Assesments, building inspection, concrete maintenance and repair 
            .exper-item  
              .exper-item-num 05 
              h3.exper-item-title International cement factory construction 
            .exper-item  
              .exper-item-num 06 
              h3.exper-item-title Construction in ongoing operations 
 
          .exper-pagination  
            .exper-pagination-item 
            .exper-pagination-item 
 
$(&#34;.exper-row&#34;).slick({ 
    asNavFor: &#34;.exper-pagination&#34;, 
    slidesToShow: 6, 
    slidesToScroll: 1, 
    arrows: false 
  }); 
   
  $(&#34;.exper-pagination&#34;).slick({ 
    slidesToShow: 6, 
    slidesToScroll: 1, 
    asNavFor: '.exper-row', 
    focusOnSelect: true 
  });

Алексей Пупок · Answer

измени код $(".exper-row").slick({ 
  slidesToShow: 3, // отображать 3 элемента 
  slidesToScroll: 3, // скроллить по 3 элемента 
  arrows: false, // скрыть стрелки 
  asNavFor: ".exper-pagination" 
}); 
 
$(".exper-pagination").slick({ 
  slidesToShow: 2, // отображать 2 элемента пагинации 
  slidesToScroll: 1, // скроллить по 1 элементу пагинации 
  asNavFor: '.exper-row', 
  focusOnSelect: true 
});