How to add lightbox for slick.js carousel?

Question

JavaScript

There is a slider on the slick.js library, the code is given at the end of the post.
Need to make a lightbox when clicking on the image.
I tried to screw it on the recommendation from the toaster , but it didn’t work out.

<div class="autoplay slick">
   <div class="slider-item">
      <h3>Объявляем акции</h3>
       <img src="/images/">
       <div class="news-desc">Обращаем внимание родителей на то, что скоро детский центр Royal Academy проведет веселый и занимате...				</div>
  </div>
</div>

$('.autoplay').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 2000,
});

Answer 1

Screw on the fantasy, the most conflict-free bunch for 8 years already...
www.jooom.ru/toster/products7.html

$(document).ready(function(){
  $('.product_list').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3
  });
  $('.product_img').fancybox();
});