Изменение regular_price woocommerce от значения input value?

Question

[Михаил]

Всем привет!
Есть магазин на Woocommerce.
Есть товар - лист, у которого базовая цена 100 руб при базовой его толщине 10 мм.
Толщина листа может быть от 10 мм до 200 мм.
Я хочу с помощью своего плагина вывести в карточке товара ползунок Input type range, чтобы клиент мог выставить определенное значение от 10 до 200, от которого будет зависеть цена товара.
Я пытаюсь связать значение инпута с regular_price данного товара.

let changed_price = <?php echo $regular_price; ?> * input_range.value;

Но что-то не получается таким образом менять цену.
Подскажите, как это правильно сделать?

Comments

[Ivan1331]

не совсем понятно, что именно не получается?

[Михаил]

Ivan1331, не знаю, не меняется цена

[Михаил]

меняется значение в output (это для теста), а саму цену как поменять?
Вот код плагина:

<?php
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 25 );
function woocommerce_template_single_title(){
?>

<div class="acf">
<h5>Выбор толщины листа, мм</h5>
<input id="input_range" type="range" value="5" min="5" max="1000" step="5">
<h2 style="color:red" id="output"></h2>
</div>

<script>
let input_range = document.querySelector('#input_range');
let output = document.querySelector('#output');
let body = document.querySelector('body');
output.innerHTML = input_range.value;
</script>

<?php
$product_id = get_the_ID();
$product = wc_get_product( $product_id );
$regular_price = $product->get_regular_price();

echo $regular_price;
?>  

<script>
input_range.addEventListener('input', function(){

    //output.innerHTML = input_range.value;
    output.style.background = 'gold';
    let changed_price = <?php echo $regular_price; ?> * input_range.value;
    output.innerHTML = changed_price;

});
</script>

<?php
}

[Ivan1331]

Михаил, ты поменял на фронте, но ты же ничего не сказал бэку о том что цена поменялась. В целом задача вроде типовая, правильный гугл запрос по идеи даст ответ. Я бы делал через аякс, добавил бы в обработчик сохранение мета поля которое хранило бы input_range.value, потом через хук отлавливал добавление товара в корзину и там пересчитывал стоимость

Answer 1

[Oleg]

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

Comments

[Михаил]

Вариации - не вариант! :)
Один товар может быть из разных материалов, да еще и разной толщины от 10мм до 200мм с шагом 5мм, там в одном товаре будут сотни вариаций, и для каждой надо будет прописывать свою цену.
Поэтому хотим сделать такой слайдер, который позволит менять толщину и соответственно цену товара.

[Oleg]

Сотни вариаций не проблема для последней версии WooCommerce.

[Михаил]

Oleg, Сделать то их конечно можно, но цены для каждой вариации надо прописывать отдельно. Если бы их можно было как по формуле менять, то это еще норм.