Всем привет. У меня есть такая страница:
Мне необходимо что бы в каждом табе выводились разные записи, при этом ajax подгрузка так же должна быть разной на разных табах. Попробовала сделать следующее: создала кастомный тип записи для этих записей, создала общую категорию Location с подкатегориями самих названий табов. Проблема в том, что все посты все равно выводятся на первой вкладке. Как правильнее реализовать данную задачу или где я допускаю ошибку, что все посты все равно в первом табе?
Вот код:
<div class="tabs-nav">
<div class="row justify-content-center">
<div class="col ">
<div id="tabSlider" class="tabs-link-block">
<?php $num = 0; $categories = get_categories('child_of=8');
foreach( $categories as $key => $category) : ?>
<span role="button" data-tab="<?php echo $num++; ?>"
class="js-tab-btn tabs-link tabs-link-block__item <?php if($key == 0) : ?> tabs-link--isActive <?php endif; ?> "><?php echo $category->name; ?></span>
<?php endforeach; ?>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.tabs-nav -->
<div class="page-location-content gallery">
<?php $args = array(
'posts_per_page' => 50,
'post_type' => 'locations'
);
$query = new WP_Query( $args );
// Цикл
if ( $query->have_posts() ) : ?>
<div class="tabs-content">
<div class="row ">
<?php while ( $query->have_posts() ) : $query->the_post(); ?>
<div class="col-12">
<div class="page-location-item">
<div class="page-location-item__photo irof mb-3 mb-md-4">
<?php the_post_thumbnail(); ?>
</div>
<p class="text-h1 text-h1--36 mb-3 mb-md-4 page-location-item__title"><?php the_title(); ?></p>
<?php the_content(); ?>
</div>
</div>
<!-- /.col-12 -->
<?php endwhile; ?>
</div>
<!-- /.row -->
</div>
<?php endif; ?>
</div>
<!-- /.tabs-content -->
</div>
