Я использовал owl-carsule в трех разделах моей страницы, два из них работают нормально, а третий - нет, и я не уверен, почему я сначала опубликую код, имеющий проблему
<section id="opinion">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-header">
<span class="label label-default">
<span><a href="<?php echo get_category_link(3); ?>"><?php echo get_cat_name(3); ?></a></span>
</span>
</div>
</div>
</div>
<div class="wrapper">
<div class="row white-bg">
<div id="opinion-carousel" class="owl-carousel owl-theme">
<?php
$args = array(
'post_type' => array( 'post' ),
'post_status' => array( 'publish' ),
'nopaging' => false,
'cat' => 3,
'posts_per_page' => 1,
);
$query = new WP_Query( $args );
if ( $query->have_posts() ) {
while ( $query->have_posts() ) {
$query->the_post();
$tag = get_field('tag');
?>
<div class="item">
<div class="col-md-6 no-gutter">
<a href="<?php the_permalink(); ?>"><div class="post-img" style="background: url('<?php the_post_thumbnail_url('large') ?>') center center / cover; height: 400px;"></div></a>
</div>
<div class="col-md-6 gutter-20-40">
<div class="item-content">
<div class="post-meta-top">
<span class="label label-default post-category">
<?php
if(!$tag) :
foreach((get_the_category()) as $category) :
echo $category->cat_name;
endforeach;
else :
echo $tag;
endif;
?>
</span>
<span class="post-reading"><i class="reading-icon"></i><?php echo do_shortcode('[reading_duration][/reading_duration]'); ?></span>
<span class="post-location"><i class="location-icon"></i><?php the_field('location') ?></span>
</div>
<div class="post-title"><h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4></div>
<div class="post-description"><?php the_excerpt(); ?></div>
<div class="post-meta-bottom">
<span class="post-author"><a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ), get_the_author_meta( 'user_nicename' ) ); ?>"><?php the_author(); ?></a></span>
</div>
</div>
</div>
</div>
<?php
}
} else {
// no posts found
}
wp_reset_postdata();
?>
</div>
</div>
</div>
Теперь проблема в том, что первый элемент этого раздела отображается пустым, даже если имеется около 100 элементов.
это веб-сайт awanmedia. net, и проблема только на первой странице страница при первой загрузке примерно через 5 секунд изображения отображаются