Synchronized sliders not working correctly?

Question

JavaScript

The customer’s fucking spec ((According to the spec, he wants the page to have several product cards and each product card has 19 blocks with synchronized sliders. Each such block opens by clicking on a card with a color. And after a certain click and scrolling, the sliders stop scrolling. In the console such an error takes off after each click when the sliders are no longer scrolling.

Uncaught TypeError: Cannot read property 'getSlick' of undefined
    at w.fn.init.i.fn.slick (slick.min.js:1)
i.fn.slick @ slick.min.js:1
(anonymous) @ slick.min.js:1
each @ jquery-3.3.1.min.js:2
each @ jquery-3.3.1.min.js:2
e.asNavFor @ slick.min.js:1
e.slideHandler @ slick.min.js:1
e.selectHandler @ slick.min.js:1
i @ jquery-3.3.1.min.js:2
dispatch @ jquery-3.3.1.min.js:2
y.handle @ jquery-3.3.1.min.js:2

Googling found a similar problem on stackowerflow and it was said there that the problem was with the initialization of the slider. There the problem was solved like this .not('.slick-initialized') , but it did not help me ((
Site on modx, orenkombez.ru/kombinezonyi/. Even if there is only one product card on the page, the problem remains. I am very new to js , and my strength is not enough to solve this problem, I will be grateful for any help