Переменный продукт woocommerce получает значение поля js и добавляет его в корзину

Question

У меня есть настраиваемое поле HTML на странице переменного продукта, обработанное с помощью javascript. это код

<script type="text/template" id="tmpl-variation-template">
    <div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div>
    <div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div>
    <div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div>



      <table class="darkTable">
<thead>
<tr>
<th>CBM</th>
<th>in_cartoon</th>
<th>days to ship</th>
<th>supplier</th>
</tr>
</thead>
<tbody>
<tr>
<td><div class="woocommerce-variation-cbm">
     {{{ data.variation.cbm}}}

    </div></td>
<td><div class="woocommerce-variation-cartoon_qty">
        {{{ data.variation.cartoon_qty}}}
    </div></td>
<td><div class="woocommerce-variation-days_to_deliver_to_shipping">
        {{{ data.variation.days_to_deliver_to_shipping}}}
        </div></td>
<td><div class="woocommerce-variation-supplier">
        {{{ data.variation.supplier}}}
    </div></td>

</tr>
</tbody>
</table>

      <h3>calculate total to this item</h3>

        <form method="GET">

        </form>


      <table id='worksheet_table' class="table table-striped">
            <thead>
              <tr>
                <th>cartoons to add</th>
                <th>quantity in cartoon</th>
                <th>total items</th>
                <th>product Price</th>
                <th>total price</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td><input type="text" name="numberUsed" id="numberUsed" class="form-control" onkeyup="getValues()"/></td>
                <td id="inPackage" name="inPackage">{{{ data.variation.cartoon_qty}}}</td>

                <td name="revenue" id="revenue"></td>
                <td name="price" id="price">{{{ data.variation.price_html }}}</td>
                <td name="value" id="value"></td>
              </tr>
            </tbody>
          </table>
            <script type="text/javascript">
            function getValues()
  {
    var numberUsed = document.getElementById('numberUsed').value;
    var price = <?php global $product;

// Regular price min and max
$min_regular_price = $product->get_variation_regular_price( 'min' );
$max_regular_price = $product->get_variation_regular_price( 'max' );

// Sale price min and max
$min_sale_price = $product->get_variation_sale_price( 'min' );
$max_sale_price = $product->get_variation_sale_price( 'max' );

// The active price min and max
$min_price = $product->get_variation_price( 'min' );
$max_price = $product->get_variation_price( 'max' );
    echo $min_price;
 ?>;
    var inPackage = document.getElementById('inPackage').innerHTML;
    var revenue = 0;
    var value = 0;
      console.log("REVENUE: " + revenue + " PRICE: " + price + " INPACKAGE: " + inPackage + " NUMBERUSED: " + numberUsed + " END");
    if (numberUsed=="")
    {
      revenue = 0;
       value = 0;  
    }
    else
    {
      revenue = {{{ data.variation.cartoon_qty}}} * numberUsed;
    }
    var q = {{{ data.variation.cartoon_qty}}};
     value = numberUsed * {{{ data.variation.cartoon_qty}}} * price;
    document.getElementById("revenue").innerHTML = revenue;
    document.getElementById("value").innerHTML = value;
    document.getElementById("hid").innerHTML = q;

  }

        </script>




</script>

Я хочу взять значение из этого поля и добавить его в корзину в woocommerce с помощью woocommerce_add_to_cart_quantity, клиент добавит значение в поле ввода, а затем нажмите кнопку добавления в корзину, введенную значение должно быть суммой, которая будет добавлена ​​в корзину. Я уже сделал это для простого продукта, но с переменным продуктом, это не сработало, помогите мне, пожалуйста