Flexslider в повторителе ACF не выводит изображения
Имеем повторитель 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 варианта - нет.
Как победить?
Источник: Stack Overflow на русском