У меня есть стандартный слайдер начальной загрузки, и я заранее использую функцию повторителя WordPress, настраивая поля для заполнения слайдера изображениями, так что я могу добавлять изображения, но я также пытался добавить текстовый блок ниже каждого изображения (a h4 ипункт), но они не показаны.Я думаю, что это связано с тем, как я установил передний цикл для показа изображений.
Есть ли способ, которым я могу применить это к моему текстовому блоку, чтобы они отображались (в том же повторителе)
Доза кто-нибудь знает, как получить этот текст, чтобы показать?
в итоге
Я показываю изображения в слайдере начальной загрузки, используя поле повторителя WP, изображение показывает, однако я не могу обработать текст, любая идея?
<section class="pb-5">
<div class="container">
<div id="carousel_03" class="carousel slide" data-ride="carousel">
<div class="row">
<div class="col-lg-4">
<ol class="carousel-indicators tabs row">
<?php if (have_rows($section . 'slider')):
while (have_rows($section . 'slider')):
the_row(); ?>
<li class="col-lg-12 col-sm-6 mb-2 <?php echo ($count) >= 1 ? '' : 'active'; ?> ">
<div data-target="#carousel_03" data-slide-to="<?php echo($count++); ?>" role="button"
class="carousel-indicator p-3">
<h4 class="mb-1"><?php the_sub_field($section . 'title', $post->ID) ?></h4>
<p class="small m-0"><?php the_sub_field($section . 'text', $post->ID) ?></p>
<?php endwhile;
endif; ?>
</div>
</li>
</ol>
</div>
<div class="col-lg-8 mb-3">
<div class="carousel-inner">
<?php foreach ($sliderImages as $imgNumber => $image) : ?>
<div class="carousel-item<?php if ($imgNumber === 0) : ?> active<?php endif ?>">
<img src="<?= $image['image']['url'] ?>" alt="<?= $image['image']['alt'] ?>">
<div class="carousel-text-block">
<h4><?php the_sub_field( 'content_title') ?></h4>
<p><?php the_sub_field( 'content')?></p>
</div>
</div>
<?php endforeach ?>
</div>
<a class="carousel-control-prev" href="#carousel_03" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only"></span>
</a>
<a class="carousel-control-next" href="#carousel_03" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only"></span>
</a>
</div>
</div>
</div>
</div>