Категории товаров в табах

Добрый день! Помогите решить проблему.
Пытаюсь вывести товары в табы, собственно вкладки табов это категории товаров, проблема в том, что почему то выводит только один товар в каждой категории, никак не могу понять почему.
Прилагаю код:

PHP:

1. <section class="container" id="cat">
2.         <div class="wrapper_tabs">
3.             <?php
4.                 $terms_product_cat = get_terms( array(
5.                     'taxonomy' => 'product_cat'
6.                 ) );
7.                 if ( ! empty( $terms_product_cat ) ) {
8.             ?>
9.             <div class="tabs">
10.                 <?php foreach ( $terms_product_cat as $key => $product_cat ) { ?>
11.                     <span class="tab">
12.                        <a href="#cat<?phpecho$product_cat->term_id;?>" data-toggle="tab"<php echo $product_cat->name; ?></a>
13.                     </span>
14.                     <?php } ?>  
15.             </div>
16.             <div class="tab_content">
17.                 <?php foreach ( $terms_product_cat as $key => $product_cat ) { ?>
18.                     <?php
19.                     $mypost = array( 'post_type' => 'product', 'product_cat' => $product_cat->slug);
20.                     $products = get_posts( $mypost );
21.                     ?>
22.                     <?php foreach ( $products as $post ) { setup_postdata( $post ); ?>
23.                         <div id="post-<?php the_ID(); ?>" class="tab_item">
24.                             <div class="image"><?php the_post_thumbnail( array( 220, 280 ) ); ?></div>
25.                             <div class="text">
26.                                 <h3 class="product-title"><?php the_title(); ?></h3>
27.                                 <div class="woo-name-two">
28.                                     <?= get_field('czena_dlya_kartochki_tovara'); ?>
29.                                 </div>
30.                                 <div class="price-slider-block">
31.                                 <div class="product-price"><?php echo $product->get_price_html(); ?></div>
32.                                 <div class="catalog-item-vendor-code">
33.                                     <?= get_field('czena_za_ves'); ?>
34.                                 </div>
35.                                 </div>
36.                                 <div class="woo-distriction">
37.                                     <?= get_field('opisanie'); ?>
38.                                 </div>
39.                                 <div class="text-center">
40.                                     <?php woocommerce_template_loop_add_to_cart( $loop->post, $product ); ?>
41.                                 </div>
42.                             </div>
43.                         </div>
44.                     <?php } wp_reset_postdata(); ?>
45.                 <?php } ?>
46.                 <?php } ?>  
47.             </div>
48.         </div>

Код (Javascript):

1. jQuery(document).ready(function($) {
2.     $(".tab_item").not(":first").hide();
3.     $(".wrapper_tabs .tab").click(function() {
4.         $(".wrapper_tabs .tab").removeClass("active").eq($(this).index()).addClass("active");
5.         $(".tab_item").hide().eq($(this).index()).fadeIn()
6.     }).eq(0).addClass("active");
7. });

Думается мне, что нужен еще один foreach для товара, но как только я товар беру в цикл, у меня все товары начинают выводиться просто на странице и все.

Или может знаете способ как сделать это через плагин?

как работает сейчас можно посмотреть здесь http://dicarpio.by/