slick.jsで作成したスライダーのサムネイルを固定したい

slick.jsを使い、Wordpressのページにスライダーを設置しています。
普段は正常に作動しますが、スライドさせる要素の数が投稿内容によって変わります。

html
1<div class="tab-content">
2 <ul class="slider-00">
3  <li class="item">
4   <img src="oo.jpg">
5   <div class="item_content">
6    <h3 class="ttl">画像１のタイトル</h3>
7    <p>画像１の説明</p>
8   </div>
9  </li>
10  <li class="item">
11   <img src="xx.jpg">
12   <div class="item_content">
13    <h3 class="ttl">画像2のタイトル</h3>
14    <p>画像2の説明</p>
15   </div>
16  </li>
17 </ul>
18 <ul class="slider-nav-00">
19  <li class="item">
20   <img src="oo-s.jpg"> <!--画像１のサムネ!-->
21  </li>
22  <li class="item">
23   <img src="xx-s.jpg">　<!--画像2のサムネ!-->
24  </li>
25 </ul>
26</div>

上記のhtmlで、
.slider-00は大きな画像のスライダーとして表示し
その下に連動するサムネイルスライダーとして.slider-nav-00があります。
サムネイルは６つ並びでループするようにしていますが
スライド要素が６つ未満のときにはスライドはさせず固定したいと思っています。
そのために組んだJSが以下になります。

js
1$('.slider-00').slick({
2　slidesToShow: 1,
3　slidesToScroll: 1,
4　arrows: false,
5　fade: true,
6　autoplay: true,
7　asNavFor: '.slider-nav-00'
8　});
9$('.slider-nav-00').slick({
10　slidesToShow: 6,
11　slidesToScroll: 1,
12　asNavFor: '.slider-00',
13　dots: false,
14　arrows:true,
15　autoplay: true,
16　infinite: true,
17　swipeToSlide:true,
18　focusOnSelect: true,
19});　//ここまで正常に動作
20  
21//サムネイルの要素が６つ以下の際の動作
22  var slideCount = $('.slider-nav-00 li').length;
23  var slidesToShow = 6;
24  if (slideCount < slidesToShow) {
25        $('.slider-nav-00').addClass("noslider");
26        $('.slider-00').addClass("noslider");}
27    $('.slider-nav-00.noslider').slick({
28      slidesToShow: slideCount,
29      slidesToScroll: 0,　//ここからどうしたらいいのかわからない
30    });