Как вывести выбор вариации товаров в каталоге woocommerce?

Question

[Александра]

Всем привет, подскажите пожалуйста как вывести вариации товаров в каталоге и возможность добавить в корзину выбранную вариацию. Не ругайте сильно, я новичок (
На странице товара используется такой код в форме.

<?php wc_dropdown_variation_attribute_options([ 'options' =>'', 'attribute' => 'pa_testo', 'product' => $product, 'selected' => '', 'show_option_none' => '-', 'class' => 'w-select' ]); ?>

Если его поставить в форму в каталоге, то вариации выводятся, но добавление в корзину ломается, перестает добавлять товары, точнее тыкаешь на любой товар, а добавляет все время первый товар из общего списка
Вот код, который пытаюсь задействовать в каталоге, он такой же как и на странице товара:

<div class="hidden_form w-form">
    <form id="add_to_cart_<?php echo get_the_ID() ?>" name="add_to_cart"
        data-name="add_to_cart" class="form" data-action="add_to_cart"
        action="/index.php"
        data-product-id='<?php $product = get_product(get_the_ID()); if($product->product_type === "variable"){ echo($product->get_available_variations()[0]["variation_id"]); } else { echo($product->id); } ?>'
        data-product_id="<?php the_ID(); ?>">
        <div class="div-block-122 w-clearfix">
                            <?php wc_dropdown_variation_attribute_options([ 'options' =>'', 'attribute' => 'pa_testo', 'product' => $product, 'selected' => '', 'show_option_none' => '-', 'class' => 'w-select' ]); ?>
<a href="#" class="button-7 w-button"
                data-action="product_qty_minus">-</a>
            <input type="text" class="text-field-2 w-input" maxlength="256" name="qty"
                data-name="qty" placeholder="" id="qty<?php echo get_the_ID() ?>"
                data-action="product_qty"
                value="<?php $min_qty = get_field('qty_min'); echo($min_qty ? $min_qty : 1); ?>"
                data-qty-min="<?php $min_qty = get_field('qty_min'); echo($min_qty ? $min_qty : 1); ?>"
                data-qty-max="<?php $min_qty = $product->get_stock_quantity() ? $product->get_stock_quantity() : get_field('qty_max'); echo($min_qty ? $min_qty : 0); ?>"
                data-qty-step="<?php $min_qty = get_field('qty_step'); echo($min_qty ? $min_qty : 1); ?>"><a
                href="#" class="button-7 w-button" data-action="product_qty_plus">+</a>
            <input onClick="ym(68400208,'reachGoal','addcart');" type="submit"
                value="В корзину" data-wait="Please wait..."
                class="button_cart-2 w-button">
        </div>
    </form>
    <div class="success-message-2 w-form-done">
        <div>Товар добавлен в <a href="/cart" class="link-2">корзину</a>!</div>
    </div>
    <div class="w-form-fail">
        <div>Выберите параметр.</div>
    </div>
</div>