Как сделать динамическое добавление слайдеров на wordpress?

Question

[neytan]

Добрый день, подскажите как можно динамически добавлять слайдеры в 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 нормально поставить и переключать в нем картинки только одного портфолио? Скрин прикрепляю

Answer 1

[ljutaev]

Зачем тебе инициализировать каждый слайдер если у тебе у него стили одинаковые и параметры все тоже. Задаешь уникальный класс и инициализируеш. Я так делал, но с owl-carousel

Comments

[neytan]

А как на автомате добавлять уникальные классы слайдеру, чтоб при листинге переключались конкретные слайды, а не во всем портфолио?