Здравствуйте, хочу вывести слайдер в fancybox, но получаются они в одну колонку, т.е слайдер не работает вот код жс
$("#fancybox").fancybox({
buttons: ["close"],
hash: !1,
arrows: !0,
aftershow: function() {
$(".sertificate").slick({
dots: !1,
infinite: !1,
speed: 400,
slidesToShow: 1,
slidesToScroll: 1,
nextArrow: '<button type="button" class="slick-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></button>',
prevArrow: '<button type="button" class="slick-prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></button>',
responsive: [{breakpoint: 768, settings: {slidesToShow: 1, slidesToScroll: 1}}]
});
},
btnTpl: {
arrowLeft: '<button data-fancybox-prev class="fancybox-button fancybox-button--arrow_left" title="{{PREV}}"><i class="fa fa-chevron-left" aria-hidden="true"></i></button>',
arrowRight: '<button data-fancybox-next class="fancybox-button fancybox-button--arrow_right" title="{{NEXT}}"><i class="fa fa-chevron-right" aria-hidden="true"></i></button>'
}
}),
<a href="#modal" id="fancybox"><span class="circle"><span class="plus1"></span></span><span class="ml-5">СЕРТИФИКАТЫ КАЧЕСТВА</span></a>
<div style="display: none;" id="modal">
<div class="sertificate">
<div class="item">
<img src="images/sertif.png" alt="">
</div>
<div class="item">
<img src="images/sertif.png" alt="">
</div>
<div class="item">
<img src="images/sertif.png" alt="">
</div>
</div>