Как менять цену при выборе вариации WooCommerce?

Question

[drtvader]

Привет!
Как можно сделать смену цены под названием товара в WooCommerce при выборе вариативных товаров(цена у вариативного товара различается)?
Есть ли плагин может какой?
Или готовое решение?
Сам не знаю php если что.

Answer 1

[Денис Янчевский]

Привет.

Про плагины не знаю, но, думаю, можно попробовать как-нибудь так:

$(window).load(function() {		
		if($('.variations_form .woocommerce-Price-amount').length && $('.variations_form .woocommerce-Price-amount').text() != '') {
			window.setTimeout(function(){
				$('p.price .woocommerce-Price-amount').html($('.variations_form .woocommerce-Price-amount').html());
			}, 0);
		}
		$('.variations_form select').change(function() {
			if($('.variations_form .woocommerce-Price-amount').length && $('.variations_form .woocommerce-Price-amount').text() != '') {
				window.setTimeout(function(){
					$('p.price .woocommerce-Price-amount').html($('.variations_form .woocommerce-Price-amount').html());
				}, 0);
			}
		});
	});

Comments

[drtvader]

Спасибо! Попробую!

[drtvader]

Вопрос, а как его правильно подключить? Этот вариант Вы уже использовали?

[Денис Янчевский]

drtvader:
1. Например, добавить в файл с остальным JavaScript-кодом.
2. Использовал, но названия классов и расположение элементов могут отличаться в разных версиях WooCommerce, в разных темах оформления, под влиянием установленных плагинов или каких-то доработок. Поэтому, код в моем ответе скорее направление, чем универсальное решение, т.к. он писался для конкретного проекта и в текущем виде может не работать в других.

[drtvader]

Денис Янчевский: понял, спасибо. тогда буду смотреть!

[Dmitriy21]

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

var product_all_blocks = $('.home-discount__product');
            for(let i = 0; i < product_all_blocks.length; i++ ) {
                var product_blocks_number = product_all_blocks.get(i);
                
                    $(product_blocks_number).find('.price ins .woocommerce-Price-amount').html($('.variations_form ins .woocommerce-Price-amount').html());
            }

Answer 2

[ex3manet]

Если интересует цена в карточке товара, то можно сделать штатными методами Вукомерс -
Под описанием товара выбираешь вариативный товар - далее добавляешь Атрибуты товара: Например "цвет" (предварительно атрибуты нужно добавить в вукомерс - вкладка "товары" - "атрибуты"); когда выбрал атрибут цвет например белый и черный - ставишь там галочку "использовать для вариации"
Потом идешь во вкладку ниже "Вариации" - создаешь вариацию и под каждый цвет ставишь цену. и Все. Если что пиши мне в аську. Подскажу.

Comments

[drtvader]

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

[Alex Memstill]

drtvader, Решили вопрос ?