Как ограничить вывод записей в табе?

написал функционал по выводу категорий товаров и самих товаров, но не могу понять, почему в каждой категории выводятся товары не только из этой категории, нужно чтобы при нажатии таба, выводились продукты, только из нажатой категории

<div class="row prod-tabs">
    <?php 
    $terms_product_cat = get_terms( array(
        'taxonomy' => 'product_cat'
    ) );
    if ( ! empty( $terms_product_cat ) ) {
    ?>
        <ul class="nav nav-tabs"  id="myTab">
            <?php foreach ( $terms_product_cat as $key => $product_cat ) { ?>
                <li <?php if ( $key == 0 ) echo 'class="active"'; ?>><a href="#cat<?php echo $product_cat->term_id; ?>" data-toggle="tab"><?php echo $product_cat->name; ?></a></li>
            <?php } ?>            
        </ul>

        <div class="tab-content">

        <?php foreach ( $terms_product_cat as $key => $product_cat ) { ?>

            <div class="tab-pane <?php if ( $key == 0 ) echo 'active'; ?>" id="cat<?php echo $product_cat->term_id; ?>">
                <?php
                $mypost = array( 'post_type' => 'product', 'product_cat' => $product_cat->slug );

                $products = get_posts( $mypost );

                ?>
                <?php foreach ( $products as $post ) { ?>
<?php var_dump($post); ?>
                    <div id="post-<?php the_ID(); ?>" class="col-lg-3 col-md-3 col-xs-6 product-item">
                        <div class="prod-box">
                                <a href="#portfolioModal1" class="product-link" data-toggle="modal">
                                    <?php the_post_thumbnail( array( 220, 280 ) ); ?>
                                </a>
                                <div class="portfolio-caption">
                                <h4><?php $post->post_content ?></h4>
                                </header>
                                <p class="text-muted">от 50.000 руб.</p>
                                <a href="#portfolioModal6" class="product-link topz" data-toggle="modal">Заказать</a>
                                </div>

                            <div class="entry-content"><?php //the_content(); ?></div>
                        </div>    
                    </div>
                <?php } wp_reset_postdata(); ?>
            </div>
        <?php } ?>

            <script>
              $(function () {
                $('#myTab a:first').tab('show')
              })
            </script>

        </div>
    <?php } ?>
</div>

Ответы (0 шт):