How to create slider syncing with Yii 2.0 and Slick?

[MarcoDuizer]

I found on the website from slick the code as below. But i can't find how i can set the values for .slider-nav and .slider-for

How can i implement this setup with Yii/Slick?

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

[MarcoDuizer]

error in java console: slick.min.js:formatted:1178 Uncaught TypeError: Cannot read property 'slidesToShow' of undefined

            a.options.asNavFor && (l = (l = a.getNavTarget()).slick("getSlick")).slideCount <= l.options.slidesToShow && l.setSlideClasses(a.currentSlide),

[MarcoDuizer]

No one?

[eluhr]

use evgeniyrru\yii2slick\Slick;

$slider_for_class_name = 'slider-for';
$slider_nav_class_name = 'slider-nav';

echo Slick::widget([
     'items' => [], // your items
     'containerOptions' => [
         'class' => $slider_for_class_name
     ],
     'clientOptions' => [
         'slidesToShow' => 1,
         'slidesToScroll' => 1,
         'arrows' => false,
         'fade' => true,
         'asNavFor' => '.' . $slider_nav_class_name
     ]
]);
echo Slick::widget([
     'items' => [], // your items
     'containerOptions' => [
         'class' => $slider_nav_class_name
     ],
     'clientOptions' => [
         'slidesToShow' => 3,
         'slidesToScroll' => 1,
         'asNavFor' => '.' . $slider_for_class_name,
         'dots' => true,
         'centerMode' => true,
         'focusOnSelect' => true
     ]
]);