Использую последнюю версию Fancybox. У меня есть вот такая галерея:
Слева миниатюры, а в центре по клику на миниатюру подгружается src кликнутой миниатюры.
В чем суть проблемы: при клике на главную картинку(та что по центру), открывается не активное изображение и первая миниатюра, это первое. А второе при открытии модального окна с картинками, первая картинка дублируется, как я понимаю это из за того что второе добавляется из главной картинки.
Я хотел добавить на кодпен что бы было более понятно, но слишком много переносить придется. Так что просто сброшу куски кода, это большое изображение
<div class="product__main-img">
<a data-fancybox="gallery" data-src="<? the_post_thumbnail_url('full') ?>" style="background-image: url('<? the_post_thumbnail_url('full') ?>');">
</a>
</div>
А это год миниатюр:
<div class="swiper-slide product__slide product-image">
<img src="<?=$imageThumbnail?>" >
<a style="display: none" data-fancybox="gallery" href="<?= wp_get_attachment_image_url($attachment_id, 'full') ?>">
</a>
</div>
Подскажите, что делаю не так, может не так data-fancybox задаю, если то не дописал, спрашивайте уточню