Тут вы можете задать вопрос и получить ответ
Вопросы по ACF
Комментариев: 6
Понравилась статья?
(Пока оценок нет)
Загрузка...
(Пока оценок нет) Загрузка...
Тут вы можете задать вопрос и получить ответ
(Пока оценок нет) Загрузка...
Здравствуйте не могу скачать плагин ACF у вас
Здравствуйте! Какую-то ошибку получаете?
Здравствуйте, вообще никакой реакции не происходит.
Вероятно дело в браузере, попробуйте скачать с другого. В статье прямая ссылка на архив, если у вас есть доступ к сайту – то и архив должен быть доступен. Думаю смена браузера решит проблему)
<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
});
});
Вот пример:
<?php if(get_field('gallery_land')): $i = 0; ?> <?php $index = 0; while(has_sub_field('gallery_land')) : $i++; ?> <a class="slider-container__tab-link js-tab-trigger <?php if($index == 0){ echo ' tab–active'; } ?>" data-tab="<?php echo $i; ?>"> <p><?php the_sub_field('gallery_land_image'); ?></p> </a> <?php $index++; // Увеличиваем $index на каждой итерации ?> <?php endwhile; ?> <?php endif; ?>Тут мы назначаем счётчик строк ACF, и для первой строки выводим отдельный CSS класс.