Показывать цену вариации вместо низкой цены

Question

Я пытаюсь исправить этот код часами.

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

Я хочу показать выбранную переменную цену.

Когда я просматриваю документы Woocommerce, я что-то нашел, но я не знаю, как реализовать это в коде.

Мой фактический код:

add_action( 'woocommerce_single_product_summary', 'woocommerce_total_product_price', 31 );
function woocommerce_total_product_price() {
global $woocommerce, $product;
// let's setup our divs
echo sprintf('<div id="product_total_price" style="margin-bottom:20px;">%s %s</div>',__('Product Total:','woocommerce'),'<span class="price1">'.$product->get_price().'</span>');
?>
    <script>
        jQuery(function($){
            var price1 = <?php echo $product->get_price(); ?>,
                currency = '<?php echo get_woocommerce_currency_symbol(); ?>';

            $('[name=quantity]').change(function(){
                if (!(this.value < 1)) {

                    var product_total = parseFloat(price1 * this.value);

                    $('#product_total_price .price1').html( currency + product_total.toFixed(2));

                }
            });
        });
    </script>
<?php

}

Документ Woocommerce в строке 317 *

https://docs.woocommerce.com/wc-apidocs/source-class-WC_Product_Variable.html#286-326

Ребята, вы знаете, как это сделать?