0

Добрый день.

Прошу о помощи!

Вот тестовая страница

введите сюда описание изображения

Пункт 1 - "Выбрать из наших образцов" кликабельный, там во всплывающем окне каталог вариативных товаров с выбором вариации, кнопка Добавить в корзину и всплыв/окно закрывается.

В пункте 2 - "Выбрать оснастку" - то же самое, но там будет каталог простых товаров. Будет только кнопка Добавить в корзину и тоже будет просто закрываться попап.

Проблема вот в чем - как javascript-переменной "osnastka" присвоить цену выбранной вариации товара в пункте №1, а переменной "klishe" присвоить цену простого товара, выбранного в пункте №2 ?

Цель этих действий - требуется вывести на этой странице цены выбранных товаров, и подставить в калькулятор, чтобы справа после выбора способа доставки отобразить общую цену товара. Этот пункт я знаю как делать, но я не могу получить цены двух выбранных товаров в текущей сессии и присвоить их переменным javascript.

Не получается в переменную osnastka присвоить цену выбранной вариации товара из пункта №1, а в переменную klishe присвоить цену простого товара из пункта №2

// калькулятор

var osnastka = 0,
  klishe = 0,
  shipp = 0;

$("#klishe").change(function() {
  klishe = $('#klishe').val();
  summ();
});

$("#osnastka").change(function() {
  osnastka = $('#osnastka').val();
  summ();
});

$("#shipp").change(function() {
  shipp = $('#shipp').val();
  summ();
});


function summ() {
  klishe = Number(klishe);
  osnastka = Number(osnastka);
  shipp = Number(shipp);

  $("#summ").text(osnastka + klishe + shipp + ' руб.');
};

<div class="block">
		<div class="block_id">
			<select name="shipp" id="shipp">
				<option value="">Способ доставки </option>
				<option value="0">самовывоз </option>
				<option value="300">доставка курьером по городу на след день </option>
				<option value="700">срочная доставка </option>
			</select>
			
		</div>
	</div>	
	<div class="guarantee">
		<div class="guarantee_id">Итого: <div id="summ">0 руб</div></div>
	</div>

Это весь код калькулятора. Может, надо добавить в форму калькулятора 2 таких же select с , и в value простого товара вывести get_price_html(); ?>, а для вариативного id вариации?

Помогите, пожалуйста.

Большое спасибо всем, кто ответит.


ОБНОВЛЕНИЕ

Если в value вывожу get_price_html(); ?>, ломается страница. Вот текст ошибки -

Fatal error: Uncaught Error: Call to a member function get_price_html() on null in /home/...

Важное уточнение: все работы проводятся на странице, созданной из админки, и код я ввожу через редактор админки (ибо php-файла нет).


ОБНОВЛЕНИЕ 2

Повторил это на странице товара - попробовал через редактор админки просто вывести цену данного товара -- та же ошибка. Другие команды php вывожу таким же способом через редактор - и все работает.

Обновление 3

Вставил этот код для эксперимента стандартно, в файл single-product.php, выдало уже такую ошибку (на странице товара) -

Fatal error: Call to a member function get_price_html() on null in /home/.../single-product.php on line 54

Что с этой функцией function get_price_html() не так?


Обновление 4, наверное последнее.

Погуглил. Вставил функцию в function.php

function add_price_widget()
{
    $product = wc_get_product(get_the_ID());
    $thePrice = $product->get_price(); //will give raw price
    echo $thePrice;
    }

На странице товара add_price_widget() прекрасно работает и выводит цену и в произвольном месте, и в value,

а на этой моей странице, которая на скрине вверху, где товары еще не выбраны и функция не имеет значений переменных, снова ошибка, пробовал и в пустом месте страницы, и в value - без разницы, ошибка -

Fatal error: Uncaught Error: Call to a member function get_price() on boolean in /var/www/.../twentysixteen/functions.php:611

Строка 611 - $thePrice = $product->get_price();

5
  • А что именно у вас не работает? Вот ваш код: codepen.io/Lukyanenko/pen/QWWJjed?editors=1111 Сумма складывается.
    – Lukas
    15 ноя 2019 в 9:16
  • Спасибо за ответ! Не получается в переменную osnastka присвоить цену выбранной вариации товара из пункта №1, а в переменную klishe присвоить цену простого товара из пункта №2 15 ноя 2019 в 9:54
  • А можете добавить полный пример с html, чтоб можно было понять где вы видите что в переменных нет данных ?
    – Lukas
    15 ноя 2019 в 10:11
  • В этих двух переменных нет данных, потому что их там не может быть - я ничего им не присваивал, кроме 0. Калькулятор показывает только value из shipp = $('#shipp').val(); Сейчас покажу 15 ноя 2019 в 10:16
  • Это весь код калькулятора. Может, надо добавить в форму калькулятора 2 таких же select с <option value=""></option>, и в value простого товара вывести <?рhp echo $product->get_price_html(); ?>, а для вариативного id вариации? 15 ноя 2019 в 10:27

3 ответа 3

1

Вы что-то такое хотели сделать?

var osnastka = 0,
  klishe = 0,
  shipp = 0;

$("#klishe").change(function() {
  klishe = $('#klishe').val();
  $('#klishe-price').text("Клише: " + klishe + " руб")
  summ();
});

$("#osnastka").change(function() {
  osnastka = $('#osnastka').val();
  $('#osnastka-price').text("Остнаска: " + osnastka + " руб")
  summ();
});

$("#shipp").change(function() {
  shipp = $('#shipp').val();
  summ();
});


function summ() {
  klishe = Number(klishe);
  osnastka = Number(osnastka);
  shipp = Number(shipp);

  $("#summ").text(osnastka + klishe + shipp + ' руб.');
};
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="block">
  <select name="osnastka" id="osnastka">
    <option value="0">Выберите вариант</option>
    <option value="10">Оснастка 1 </option>
    <option value="20">Оснастка 2 </option>
    <option value="30">Оснастка 3 </option>
  </select>
  <select name="klishe" id="klishe">
    <option value="0">Выберите вариант</option>
    <option value="40">Клише 1 </option>
    <option value="50">Клише 2 </option>
    <option value="60">Клише 3 </option>
    
  </select>
		<div class="block_id">
			<select name="shipp" id="shipp">
				<option value="">Способ доставки </option>
				<option value="0">самовывоз </option>
				<option value="300">доставка курьером по городу на след день </option>
				<option value="700">срочная доставка </option>
			</select>
			
		</div>
	</div>	
	<div class="guarantee">
    <div id="osnastka-price">Остнаска: 0 руб</div>
    <div id="klishe-price">Клише: 0 руб</div>
		<div class="guarantee_id">Итого: <div id="summ">0 руб</div></div>
	</div>

7
  • Да, именно! Теперь надо в value простого товара вывести <?рhp echo $product->get_price_html(); ?>, а для вариативного id вариации? 15 ноя 2019 в 10:51
  • Все верно, в value цену товара.
    – Lukas
    15 ноя 2019 в 11:01
  • Пробую! Огромное спасибо. 15 ноя 2019 в 11:02
  • Если в value вывожу <?рhp echo $product->get_price_html(); ?>, ломается страница... 15 ноя 2019 в 16:33
  • Выше в вопрос вставил текст ошибки. 15 ноя 2019 в 18:03
0

$('#klishe').val() примет данные только в том случае, если $('#klishe') это элемент формы (input), если нет, то $('#klishe').text();

Если $('#osnastka') это select, то – $('#osnastka option:selected').val();

1
  • Большое спасибо за ответ, попробую! 15 ноя 2019 в 10:44
0

Погуглил. Вставил функцию в function.php

function add_price_widget()
{
    $product = wc_get_product(get_the_ID());
    $thePrice = $product->get_price(); //will give raw price
    echo $thePrice;
    }

На странице товара add_price_widget() прекрасно работает и выводит цену и в произвольном месте, и в value, а на моей странице, где товары еще не выбраны и функция не имеет значений переменных, снова ошибка, пробовал и в пустом месте страницы, и в value - без разницы, ошибка -

Fatal error: Uncaught Error: Call to a member function get_price() on boolean in /var/www/.../twentysixteen/functions.php:611

Строка 611 - $thePrice = $product->get_price();

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.