Изменение количества товара в корзине

1AZ1

Осваиваюсь на форуме
21
0 / 0
Всё течёт, всё меняется

Изменение количества товара в корзине

« : 23.09.2019, 11:03:06 »

Подскажите пожалуйста как можно добавить кнопки изменения количества (+ и -) товара в столбец "Количество" корзины.

Записан

1AZ1

Осваиваюсь на форуме
21
0 / 0
Всё течёт, всё меняется

Re: Изменение количества товара в корзине

« Ответ #1 : 23.09.2019, 11:09:26 »

Пытаюсь сделать так: правлю файл templates\шаблон\html\com_virtuemart\cart\default_pricelist.php
Получается следующий код:

Код

<td class="vm-cart-item-quantity" ><?php
	
				if ($prow->step_order_level)
					$step=$prow->step_order_level;
				else
					$step=1;
				if($step==0)
					$step=1;
				?>
				
		   <input type="text"
				   onblur="Virtuemart.checkQuantity(this,<?php echo $step?>,'<?php echo vmText::_ ('COM_VIRTUEMART_WRONG_AMOUNT_ADDED',true)?>');"
				   onclick="Virtuemart.checkQuantity(this,<?php echo $step?>,'<?php echo vmText::_ ('COM_VIRTUEMART_WRONG_AMOUNT_ADDED',true)?>');"
				   onchange="Virtuemart.checkQuantity(this,<?php echo $step?>,'<?php echo vmText::_ ('COM_VIRTUEMART_WRONG_AMOUNT_ADDED',true)?>');"
				   onsubmit="Virtuemart.checkQuantity(this,<?php echo $step?>,'<?php echo vmText::_ ('COM_VIRTUEMART_WRONG_AMOUNT_ADDED',true)?>');"
				   title="<?php echo  vmText::_('COM_VIRTUEMART_CART_UPDATE')?>" class="quantity-input js-recalculate" size="3" maxlength="4" name="quantity[<?php echo $pkey; ?>]" value="<?php echo $prow->quantity ?>" />
			
			<span class="quantity-controls js-recalculate">
				<span class="quantity-controls"><input type="button" class="quantity-controls quantity-plus" onClick="javascript:quantity.value++;" /></span>
				<span class="quantity-controls"><input type="button" class="quantity-controls quantity-minus" onClick="javascript:quantity.value--;"/></span>
			</span>
			
			<button type="submit" class="vmicon vm2-add_quantity_cart" name="updatecart.<?php echo $pkey ?>" title="<?php echo  vmText::_ ('COM_VIRTUEMART_CART_UPDATE')?>" ></button>

			<button type="submit" class="vmicon vm2-remove_from_cart" name="delete.<?php echo $pkey ?>" title="<?php echo vmText::_ ('COM_VIRTUEMART_CART_DELETE')?>" ></button>
</td>

Меняю name на quantity у

Код

<input type="text"

Кнопки + и - начинают изменять количество. Но при обновлении позиции, возвращается исходное значение и общая сумма не пересчитывается.

Записан

draff

Гуру
5801
434 / 7
ищу работу

Re: Изменение количества товара в корзине

« Ответ #2 : 23.09.2019, 11:10:55 »

Переопределить шаблон корзины

Записан

Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart Интеграция Retailcrm | Отзывы

1AZ1

Осваиваюсь на форуме
21
0 / 0
Всё течёт, всё меняется

Re: Изменение количества товара в корзине

« Ответ #3 : 23.09.2019, 11:13:51 »

Как переопределить? Он ведь уже переопределён. templates\шаблон\html\com_virtuemart\cart\default_pricelist.php
Или имеется ввиду что-то другое?

Записан

robert

Живу я здесь
4974
457 / 20

Re: Изменение количества товара в корзине

« Ответ #5 : 23.09.2019, 12:03:08 »

Цитата: draff от 23.09.2019, 11:10:55

Переопределить шаблон корзины

Человек хочет менять количество товара, а вы про переопределение

.

Цитата: 1AZ1 от 23.09.2019, 11:09:26

Меняю name на quantity

Скорее всего, нельзя было менять имя поля - на сервер приходит уже совсем другой параметр. Вместо этого надо поменять элемент в Java-скрипте.

Записан

Не будь паразитом, сделай что-нибудь самостоятельно!

draff

Гуру
5801
434 / 7
ищу работу

Re: Изменение количества товара в корзине

« Ответ #6 : 23.09.2019, 12:11:06 »

Цитата: robert от 23.09.2019, 12:03:08

Человек хочет менять количество товара, а вы про переопределение

В дефолтном шаблоне нет кнопок + и - .

Записан

Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart Интеграция Retailcrm | Отзывы

1AZ1

Осваиваюсь на форуме
21
0 / 0
Всё течёт, всё меняется

Re: Изменение количества товара в корзине

« Ответ #7 : 23.09.2019, 12:15:57 »

Цитата: robert от 23.09.2019, 12:03:08

Скорее всего, нельзя было менять имя поля - на сервер приходит уже совсем другой параметр. Вместо этого надо поменять элемент в Java-скрипте.

Вот! А как это сделать?
Пытаюсь поменять так

Код

onClick="javascript: quantity[<?php echo $pkey; ?>].value++;"

Но в консоли получаю quantity is not defined

Записан

draff

Гуру
5801
434 / 7
ищу работу

Re: Изменение количества товара в корзине

« Ответ #8 : 23.09.2019, 13:31:54 »

Вариант, но нужно дописать JavaScript, для изменения количества в поле <input type="text"

Код

			<!-- Start -->
				<span class="quantity-controls js-recalculate">
				<input type="button" name="updatecart.<?php echo $pkey ?>" data-dynamic-update="1" class="quantity-controls quantity-plus"/>
				<input type="button" name="updatecart.<?php echo $pkey ?>" data-dynamic-update="1" class="quantity-controls quantity-minus"/>
			</span>
	<!-- End -->

Записан

Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart Интеграция Retailcrm | Отзывы

robert

Живу я здесь
4974
457 / 20

Re: Изменение количества товара в корзине

« Ответ #9 : 23.09.2019, 13:40:57 »

Цитата: 1AZ1 от 23.09.2019, 12:15:57

Но в консоли получаю quantity is not defined

Вы пытались совершать какие-то действия с объектом quantity[чего-го там], но не декларировали его. Нельзя просто так взять имя элемента и работать с ним, как с переменной. Найдите скрипт, где старая quantity была объявлена и отредактируйте его.

Записан

Не будь паразитом, сделай что-нибудь самостоятельно!

1AZ1

Осваиваюсь на форуме
21
0 / 0
Всё течёт, всё меняется

Re: Изменение количества товара в корзине

« Ответ #10 : 23.09.2019, 13:51:51 »

Цитата: draff от 23.09.2019, 13:31:54

Вариант, но нужно дописать JavaScript, для изменения количества в поле <input type="text"

К сожалению, я слаб в javascript. Я не знаю, что туда написать

Записан

draff

Гуру
5801
434 / 7
ищу работу

Re: Изменение количества товара в корзине

« Ответ #11 : 23.09.2019, 13:55:25 »

Для + написал, только оформление заказа не проверил.

Код

<script>
jQuery(function(){ 
		jQuery('.quantity-plus').on('click', function() {
var valg = jQuery(this).closest('.vm-cart-item-quantity').find('input');
 var allval = parseInt(valg.val());
 valg.val(allval + 1)
}); 
});</script>
		<input type="text"

			title="<?php echo  vmText::_('COM_VIRTUEMART_CART_UPDATE')?>" class="quantity-input js-recalculate" size="3" maxlength="4" name="quantity[<?php echo $pkey; ?>]" value="<?php echo $prow->quantity ?>" />
			<!-- Start -->
				<span class="quantity-controls js-recalculate">
				<input type="button" name="updatecart.<?php echo $pkey ?>" data-dynamic-update="1" class="quantity-controls quantity-plus"/>
				<input type="button" name="updatecart.<?php echo $pkey ?>" data-dynamic-update="1" class="quantity-controls quantity-minus"/>
			</span>
	<!-- End -->

Записан

Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart Интеграция Retailcrm | Отзывы

1AZ1

Осваиваюсь на форуме
21
0 / 0
Всё течёт, всё меняется

Re: Изменение количества товара в корзине

« Ответ #12 : 23.09.2019, 14:05:12 »

Цитата: draff от 23.09.2019, 13:55:25

Для + написал, только оформление заказа не проверил.

Спасибо, большое! Заработало!
Сейчас попробую для минус написать по аналогии. Правда для "-" есть одна засада - нужна проверка на 0.

Записан

draff

Гуру
5801
434 / 7
ищу работу

Re: Изменение количества товара в корзине

« Ответ #13 : 23.09.2019, 14:36:46 »

пжслта.

Цитата: 1AZ1 от 23.09.2019, 14:05:12

Правда для "-" есть одна засада - нужна проверка на 0.

Лучше на 1 в поле количества

Код

var valg = jQuery(this).closest('.vm-cart-item-quantity').find('input');
if(valg == 1) return false;

Записан

Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart Интеграция Retailcrm | Отзывы

1AZ1

Осваиваюсь на форуме
21
0 / 0
Всё течёт, всё меняется

Re: Изменение количества товара в корзине

« Ответ #14 : 23.09.2019, 15:06:21 »

Цитата: draff от 23.09.2019, 14:36:46

Лучше на 1 в поле количества

Да, так лучше, но не работает. Т. е. всё равно уменьшает

Код

jQuery(function(){
jQuery('.quantity-minus').on('click', function() {
var valg = jQuery(this).closest('.vm-cart-item-quantity').find('input');
if(valg == 1) {return false;
}else{
 var allval = parseInt(valg.val());
valg.val(allval - 1)}
});
});

Записан

1AZ1

Осваиваюсь на форуме
21
0 / 0
Всё течёт, всё меняется

Re: Изменение количества товара в корзине

« Ответ #15 : 23.09.2019, 15:14:03 »

Наверное можно даже так

Код

if(valg <= 1)

но всё равно уменьшает

Записан

1AZ1

Осваиваюсь на форуме
21
0 / 0
Всё течёт, всё меняется

Re: Изменение количества товара в корзине

« Ответ #16 : 23.09.2019, 15:22:10 »

Вот так работает

Код

jQuery(function(){
jQuery('.quantity-minus').on('click', function() {
var valg = jQuery(this).closest('.vm-cart-item-quantity').find('input');
var allval = parseInt(valg.val());
if(allval <= 1) {return false;
}else{
valg.val(allval - 1)}
});
});

Записан

1AZ1

Осваиваюсь на форуме
21
0 / 0
Всё течёт, всё меняется

Re: Изменение количества товара в корзине

« Ответ #17 : 23.09.2019, 15:26:50 »

Большое спасибо, всем участникам обсуждения, особенно draff.
В результате получилось это:

Код

<td class="vm-cart-item-quantity" >
<script>
jQuery(function(){
jQuery('.quantity-plus').on('click', function() {
var valg = jQuery(this).closest('.vm-cart-item-quantity').find('input');
 var allval = parseInt(valg.val());
 valg.val(allval + 1)
});
});
jQuery(function(){
jQuery('.quantity-minus').on('click', function() {
var valg = jQuery(this).closest('.vm-cart-item-quantity').find('input');
var allval = parseInt(valg.val());
if(allval <= 1) {return false;
}else{
valg.val(allval - 1)}
});
});
</script>
	<input type="text" title="<?php echo  vmText::_('COM_VIRTUEMART_CART_UPDATE')?>" class="quantity-input js-recalculate" size="3" maxlength="4" name="quantity[<?php echo $pkey; ?>]" value="<?php echo $prow->quantity ?>" />
	<span class="quantity-controls js-recalculate">
		<input type="button" name="updatecart.<?php echo $pkey ?>" data-dynamic-update="1" class="quantity-controls quantity-plus"/>
		<input type="button" name="updatecart.<?php echo $pkey ?>" data-dynamic-update="1" class="quantity-controls quantity-minus"/>
	</span>
			
			<button type="submit" class="vmicon vm2-add_quantity_cart" name="updatecart.<?php echo $pkey ?>" title="<?php echo  vmText::_ ('COM_VIRTUEMART_CART_UPDATE')?>" ></button>

			<button type="submit" class="vmicon vm2-remove_from_cart" name="delete.<?php echo $pkey ?>" title="<?php echo vmText::_ ('COM_VIRTUEMART_CART_DELETE')?>" ></button>
	</td>

Может быть можно лучше написать, но это работает.

Записан

draff

Гуру
5801
434 / 7
ищу работу

Re: Изменение количества товара в корзине

« Ответ #18 : 23.09.2019, 15:41:49 »

В другом блоке имя переменных нужно было другие. И jQuery(function(){ можно 1 раз, а не 2 раза. Ну то такое. Пжслта.

Записан

Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart Интеграция Retailcrm | Отзывы

Эффект добавления товара в корзину VM3 Автор bassez	Ответов: 0 Просмотров: 4069	05.06.2020, 12:28:26 от bassez
Вывод краткого описания товара в корзине Автор PavelK	Ответов: 2 Просмотров: 4452	04.04.2020, 16:34:10 от PavelK
Редактирование карточки товара VirtueMart Автор muserun	Ответов: 2 Просмотров: 6483	31.10.2019, 12:53:51 от Sandruk1
Как добавить артикул в категориях и карточке товара? Автор alexj69	Ответов: 22 Просмотров: 15224	16.06.2019, 18:41:53 от AndTaran
Размер полей внутри карточки товара Автор a89088704482	Ответов: 0 Просмотров: 1323	15.02.2019, 17:50:14 от a89088704482

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 SM WT CDEK аддон доставки для JoomShopping.

Похожие темы