Multiple Slick Sliders on a Page

So, I’m currently working on a project that involves use of Slick Slider and I can get the first one working 100% correctly. However, I need to have 5 separate sliders set up using the same settings. I understand that I can create separate instances of script and change the names but I’m curious if I can code in something to change the slider for me so everything works as expected?

Any help is appropriated.

Thanks

Here is my ready only link
https://preview.webflow.com/preview/hartley-medical-website?utm_medium=preview_link&utm_source=designer&utm_content=hartley-medical-website&preview=f6b3602105ef6a5c39e969e50f4478b7&pageId=645191562d7ebac6e0cb9182&workflow=preview

Here is the staging link
https://hartley-medical-website.webflow.io/operations

Hi @mikesellr ,
I had a similar problem recently. Unless you have found a solution already, here is what has worked for me:
https://discourse.webflow.com/t/multiple-refokus-sliders-on-one-page/243282

Perhaps a similar solution might work with your script, too.
Cheers!

Hi

in slick you can use diferent ID on diferent slider and in the code run slick on ID
$(‘#slider1’).slick({
// blablabla
// …
});

$(‘#slider2’).slick({
// blablabla
// …
});