Как сделать кнопку, добавить в корзинку вариативный товар?

Пытаюсь сделать кнопку которая при клике добавляла определённый вариативный товар в корзинку, взял код с карточки товара:

<form class="variations_form cart wvs-loaded" action="" method="post" enctype="multipart/form-data" data-product_id="4370" data-product_variations="4371" current-image="4381">
    <div class="single_variation_wrap">
        <button type="submit" class="offer__link detailed__buy"><span class="detailed__text">Купить</span></button>
        <input type="hidden" name="add-to-cart" value="4370">
        <input type="hidden" name="product_id" value="4370">
        <input type="hidden" name="variation_id" class="variation_id" value="4371">
    </div>
</form>

Но работает он не корректно. При перезагрузке выдает: