Flexslider в повторителе ACF не выводит изображения

Рейтинг: 0Ответов: 0Опубликовано: 26.07.2023

Имеем повторитель ACF на странице. В нем, помимо прочего, - Flexslider

<?php
                // проверяем есть ли в повторителе данные
                if( have_rows('projects') ):
                    // перебираем данные
                while ( have_rows('projects') ) : the_row();
                ?>
                <div class="slider-sections">
                    <div class="slider-box">
                      <div class="container-planners">
                            <h4><?php the_sub_field('title'); ?></h4>
                            <div class="slider-big">
                            <?php 
                            $images = get_sub_field('gallery');
                            if( $images ): 
                            ?>
                                <div id="slider" class="flexslider">
                                    <ul class="slides">
                                        <?php foreach( $images as $image ): ?>
                                        <li>
                                            <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
                                            <p><?php echo $image['caption']; ?></p>
                                        </li>
                                        <?php endforeach; ?>
                                    </ul>
                                </div>
                                </div>
                                <div id="carousel" class="flexslider">
                                    <ul class="slides">
                                            <?php foreach( $images as $image ): ?>
                                                    <li>
                                                            <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" />
                                                    </li>
                                            <?php endforeach; ?>
                                    </ul>
                                </div>
                                <?php endif; ?>
                                <div class="info-box-slider">
                  <div class="price-box">
                    <h5><?php the_sub_field('under-titile-1'); ?></h5>
                    <p><?php the_sub_field('price-1'); ?></p>
                  </div>
                  <div class="price-box">
                    <h5><?php the_sub_field('under-titile-2'); ?></h5>
                    <p><?php the_sub_field('price-2'); ?></p>
                  </div>
                  <span><?php the_sub_field('house_cost'); ?></span>
                  <div class="btn-box">
                    <p><?php the_sub_field('dostavka'); ?></p>
                    <a href="#" class="btn-order">ОСТАВИТЬ ЗАЯВКУ</a>
                  </div>
                </div>
                            </div>
                            <div id="carousel" class="flexslider">
                                <ul class="slides">
                                    <?php foreach( $images as $image ): ?>
                                    <li>
                                        <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" />
                                    </li>
                                    <?php endforeach; ?>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="info-line">
                        <div class="container-planners">
                            <div class="info-line-flex">
                            <?php
                                // проверяем есть ли в повторителе данные
                                if( have_rows('chars') ):
                                    // перебираем данные
                                while ( have_rows('chars') ) : the_row();
                            ?>
                                <div class="item">
                                    <h2><?php the_sub_field('title_ch'); ?></h2>
                                    <p><?php the_sub_field('text_ch'); ?></p>
                                </div>
                            <?php 
                                endwhile;
                                endif;
                            ?>
                            </div>
                        </div>
                    </div>
                </div>
                <?php
                    endwhile;

                    else :
                
                    // вложенных полей не найдено
                
                endif;
                
                ?>

Повторитель работает исправно. В момент загрузки страницы изображения из слайдера появляются и исчезают. При просмотре кода в инспекторе слайдер виден, но у всех слайдов visibility: hidden

Рядом стоит такой же слайдер просто на HTML, и он работает.

Но! У HTML слайдера при его работе в код подгружаются дополнительные элементы и стили. А у ACF варианта - нет.

Как победить?

Ответы

Ответов пока нет.