Отображение данных при нажатии на конкретный продукт - WooCommerce

Question

Я повторяю продукты из категорий WooCommerce, все работает нормально, но у меня есть небольшая проблема, у каждого продукта есть продукт в комплекте с идентификатором продукта, и все продукты пакета показываются одновременно.

Вы можете видеть изображение, которое я прилагаю, чтобы вы могли хорошо понять мою точку зрения

Итак, я не знаю, как я могу применить запрос в нем, поэтому, когда я нажимаюв конкретном продукте, кроме этого, нужно показывать только продукты Bundle.

<ul class="sub-product-list">
<?php
    $args = array( 'post_type' => 'product', 'posts_per_page' => 12, 'product_cat' => 'soap-subscription', 'orderby' => 'title', 'order' => 'ASC');
    $loop = new WP_Query( $args );
    while ( $loop->have_posts() ) : $loop->the_post(); global $product; ?>

            <li class="product-card">    
                <div title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>">
                    <?php woocommerce_show_product_sale_flash( $post, $product ); ?>
                    <?php if (has_post_thumbnail( $loop->post->ID )) echo get_the_post_thumbnail($loop->post->ID, 'shop_catalog'); else echo '<img src="'.woocommerce_placeholder_img_src().'" alt="Placeholder" width="300px" height="300px" />'; ?>
                    <h3><?php the_title(); ?></h3>
                    <span class="price custom-hide"><?php echo $product->get_price_html(); ?></span>                    
                </div>
            </li>

<?php endwhile; ?> </ul><!--/.products--> </div>

 <?php
    $args = array( 'post_type' => 'product', 'posts_per_page' => 12, 'product_cat' => 'soap-subscription', 'orderby' => 'rand' );
    $loop = new WP_Query( $args );
    while ( $loop->have_posts() ) : $loop->the_post(); global $product; ?>


            <li class="product cp">    
                <div href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>">
                    <?php woocommerce_show_product_sale_flash( $post, $product ); ?>

                    <?php
                        $spid = $loop->post->ID;
                        combo_packs_form2($spid);
                    ?>
                </div>
            </li>

<?php endwhile; ?>
<?php wp_reset_query(); ?>

Теперь я пытаюсь применить jQuery для отображения продуктов / комбинированных продуктов в соответствии с указанным там Идентификатор продукта:

<script>
$(document).ready(function()
{

    $(".chooserClass").click(function() {
    var show = $(this).data('$spid = $loop->post->ID;
                        combo_packs_form2($spid);');
    console.log(show);
    $('#'+show).show();
});
});

</script>

Нечто подобное, но оно не работает;Я новичок в этом, так что любой из вас, Гуру, может мне помочь, это действительно ценится.