Вопросы по ACF

Владислав Белецкий
Владислав Белецкий .
Категория:
Комментариев: 6

Тут вы можете задать вопрос и получить ответ

Подписаться
Уведомить о
guest
6 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Асия
Асия
1 год назад

Здравствуйте не могу скачать плагин ACF у вас

Асия
Асия
1 год назад

Здравствуйте, вообще никакой реакции не происходит.

Владимир
Владимир
4 месяцев назад

 <div class=“container”>
        <div class=“slider-container__tab”>
            <h2 class=“product__title”><?php the_field(‘gallery_title’); ?></h2>
            <div class=“slider-container__tab-list”>
               
                            <?php if(get_field(‘gallery_land’)): $i = 0; ?>
                            <?php while(has_sub_field(‘gallery_land’)) : $i++; ?>
                            <a class=“slider-container__tab-link js-tab-trigger tab–active” data-tab=<?php echo $i; ?>>
                                <p><?php the_sub_field(‘gallery_land_image’); ?></p>
                            </a>
                            <?php endwhile; ?>
                            <?php endif; ?>
            </div>
        </div>

        <div class=“slider-content tab-content”>
            <?php if(get_field(‘gallery_land’)): $q = 0; ?>
            <?php while(has_sub_field(‘gallery_land’)) : $q++; ?>
           
            <ul class=“slider-content__slider js-tab-content slider–show”  data-tab=<?php echo $q; ?>>
                <?php if(get_sub_field(‘gallery_land_image_picture’)):  ?>
                <?php while(has_sub_field(‘gallery_land_image_picture’)) : ?>
           
                    <li class=“slider-content__item “>
                   
                    <img src=<?php the_sub_field(‘picture’); ?> alt=“image”>
                    <div class=“slider-content__specification”>
                   
                        <p class=“slider-content__name”>
                        <?php the_sub_field(‘picture_author’); ?>
                        </p>
                        <p class=“slider-content__nomination”>
                        <?php the_sub_field(‘picture_name’); ?>
                        </p>
                        <p class=“slider-content__description”>
                        <?php the_sub_field(‘picture_about’); ?>
                        </p>
                        <p class=“slider-content__price”>
                        <?php the_sub_field(‘picture_price’); ?>
                        </p>
                        <a class=“slider-content__button button” href=“#”>
                            В корзину
                        </a>
                       
                    </div>
                   
                </li>
                <?php endwhile; ?>
                <?php endif; ?>
            </ul>
           
            <?php endwhile; ?>
            <?php endif; ?>
        </div>
    </div>

Подскажите как можно сделать чтобы работали табы! Вообщем они работают но я ни как не могу сделать чтобы загружался изначально только один таб. Они появляются все вместе но потом при нажатие начинают отрабатывать но при этом пишет ошибку
Вот код JS
const jsTriggers = document.querySelectorAll(“.js-tab-trigger”),
  jsContents = document.querySelectorAll(“.js-tab-content”);

jsTriggers.forEach(function (trigger) {
  trigger.addEventListener(“click”, function () {
    const id = this.getAttribute(“data-tab”),
      content = document.querySelector(
        ‘.js-tab-content[data-tab=”‘ + id + ‘”]’
      ),
      activeTrigger = document.querySelector(“.js-tab-trigger.tab–active”),
      activeContent = document.querySelector(“.js-tab-content.slider–show”);

    const currentBtn = trigger;
    const tabId = currentBtn.getAttribute(“data-tab”);

    trigger.classList.add(“tab–active”); // 2
    activeTrigger.classList.remove(“tab–active”); // 1

    content.classList.add(“slider–show”); // 4
    activeContent.classList.remove(“slider–show”); // 3
  });
});