M
M
Maksim Ivanov2017-02-01 15:32:13
HTML
Maksim Ivanov, 2017-02-01 15:32:13

How to implement slick slider in the same way as in the link?

how to implement slick slider like in the link
https://www.leesa.com/products/leesa-mattress

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
A person from Kazakhstan, 2017-02-01
@LenovoId

It's certainly not a slick slider but: www.menucool.com/slider/thumbnail-slider-demo-3

D
drtvader, 2017-02-01
@drtvader

2 slicks like can be docked.
asNavFor if memory serves.

$('.js-slick-carousel-product-for').slick({
            arrows: false,
            asNavFor: '.js-slick-carousel-product-nav',
            dots: false,
            infinite: true,
            slidesToScroll: 1,
            slidesToShow: 1,
            speed: 300
        });

        $('.js-slick-carousel-product-nav').slick({
            arrows: true,
            asNavFor: '.js-slick-carousel-product-for',
            dots: false,
            focusOnSelect: true,
            infinite: true,
            slidesToScroll: 1,
            slidesToShow: 4,
            speed: 0,
            swipe: false,
            vertical: true
        });

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question