Добрый день, подскажите как можно динамически добавлять слайдеры в wordpress? Есть страница портфолио и там через админку wordpress добавляются работы и каждая работа содержит слайдер. Если добавлять слайдер стандартным способом, то необходимо в js прописывать каждому слайдеру инициализацию:
$('.carousel-wrap-1').slick({
dots: false,
infinite: true,
speed: 600,
slidesToShow: 5.0,
slidesToScroll: 1,
</script>
Желательно подсказать решение для slick slider, но может подскажите другое, не критично.
И еще слайдер выводится через галлерею advanced custom fields pro таким кодом:
<div class="stend-slider-wrap">
<?php
$images = get_field('photo_stand');
if( $images ): ?>
<div class="stend-slider">
<?php foreach( $images as $image ): ?>
<a href="<?php echo $image['url']; ?>" data-fancybox="images">
<img src="<?php echo $image['sizes']['portfolio-item-thumb']; ?>" alt="<?php echo $image['alt']; ?>" />
</a>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
Даже если захочится прикрепить каждому слайдеру свою уникальную div обертку (class="slider1", class="slider-2"...) то не выйдет, так как код вызова задается 1-н раз, а потом портфолио автоматом генерируется из админки.
И еще как то можно data-fancibox сделать отличающимся у каждого портфолио, что бы fancybox нормально поставить и переключать в нем картинки только одного портфолио? Скрин прикрепляю
