Slick slider - как совместить asNavForи rows?

Если важно - версия слайдера 1.8.0

Код

<div class="product-photo">
                            <div class="row">
                                <div class="col-md-7">
                                    <div class="slider-for-wrapper">
                                        <div class="slider-for">
                                            <img src="./images/product-single.png" alt="">
                                            <img src="./images/product-single.png" alt="">
                                            <img src="./images/product-single.png" alt="">
                                            <img src="./images/product-single.png" alt="">
                                            <img src="./images/product-single.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-5">
                                    <div class="slider-nav-wrapper">
                                        <div class="slider-nav">
                                            <img src="./images/product-single-1.png" alt="">
                                            <img src="./images/product-single-2.png" alt="">
                                            <img src="./images/product-single-3.png" alt="">
                                            <img src="./images/product-single-4.png" alt="">
                                            <img src="./images/product-single-5.png" alt="">
                                        </div>
                                    </div>


                                </div>
                            </div>
                        </div>

$('.slider-for').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        fade: false,
        asNavFor: '.slider-nav'
    });
    $('.slider-nav').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        rows: 3,
        slidesPerRow: 3,
        asNavFor: '.slider-for',
        arrows: true,
        dots: false,
        focusOnSelect: true,
        centerMode: false
    });

Slick slider - как совместить asNavForи rows?

Froggyweb, есть один нюанс - при смене основного изображения слева (например, перетаскивание мышью) должны переключаться и миниатюры справа.

Как добавить теги в счетчик?

Гран мерси!!!