Fancybox and slick. Why do slides stick together?

Question

JavaScript

When opening a fancybox popup window, the slides overlap each other. If you flip the slide - everything gets up as it should. link . " products " screen , " knife " block

$('.popup').fancybox({
        afterShow: function() {
            $('#product__slider').slick('setPosition');
        },
  });

  $('#product__slider').not('.slick-initialized').slick({
     slidesToShow: 1,
     slidesToScroll: 1,
     arrows: false,
     dots: true,
     infinite: true,
     centerMode: false,
  });

Answer 1

The problem was solved by changing the callback from " afterShow " to " beforeShow "