How can I effectively use Slick slider in Turbo theme?

Technical Q&A
1

Hello everyone!

I have been building a store for my client, and kind of struggling to use a slider for my collections. Theme has a deafult slider feature for collections whic is flickity. One thing I dont like about it is that it shows the products that are not actually on view on sides(see image).

Ekran Alıntısı.PNG
Ekran Alıntısı.PNG659×291 7.38 KB

So instead, I want to use slick slider but it is not installed in Turbo theme. I have downloaded the zip file on slick’s website and uploaded assets to my theme file but that does not work when I use the following code:

$(‘.slider-gallery’).slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 3
});

Anyone here that can help me with that?

2

Anyone to help?

3

Hi @batulkr ,

Hope you are doing well. Please add jquery library before calling slick in layout > theme.liquid.
You can refer this:

Hope this helps!