Помощь JS

Valery332 · 17 вересня 2021

Добрый вечер. Понятия не имею как это делается, прошу готовое решение.

Нужно:

В карточке товара по клику на #button-cart

Если значение в поле опции #input-option227 < {{ price2 }}, то не добавляем в корзину и выводим сообщение 'бла бла бла'

Blast · 17 вересня 2021

39 минут назад, Valery332 сказал:

Добрый вечер. Понятия не имею как это делается, прошу готовое решение.

Нужно:

В карточке товара по клику на #button-cart

Если значение в поле опции #input-option227 < {{ price2 }}, то не добавляем в корзину и выводим сообщение 'бла бла бла'

не проверял, но как-то так

Спойлер


<script type="text/javascript"><!--
$('#button-cart').on('click', function() {
	if ($('#input-option227').val() >= {{ price2 }}) {
		$.ajax({
			url: 'index.php?route=checkout/cart/add',
			type: 'post',
			data: $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea'),
			dataType: 'json',
			beforeSend: function() {
				$('#button-cart').button('loading');
			},
			complete: function() {
				$('#button-cart').button('reset');
			},
			success: function(json) {
				$('.alert-dismissible, .text-danger').remove();
				$('.form-group').removeClass('has-error');

				if (json['error']) {
					if (json['error']['option']) {
						for (i in json['error']['option']) {
							var element = $('#input-option' + i.replace('_', '-'));

							if (element.parent().hasClass('input-group')) {
								element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
							} else {
								element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
							}
						}
					}

					if (json['error']['recurring']) {
						$('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>');
					}

					// Highlight any found errors
					$('.text-danger').parent().addClass('has-error');
				}

				if (json['success']) {
					$('.breadcrumb').after('<div class="alert alert-success alert-dismissible">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

					$('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');

					$('html, body').animate({ scrollTop: 0 }, 'slow');

					$('#cart > ul').load('index.php?route=common/cart/info ul li');
				}
			},
	        error: function(xhr, ajaxOptions, thrownError) {
	            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
	        }
		});
	} else {
		$('.alert-dismissible').remove();
		$('.breadcrumb').after('<div class="alert alert-danger alert-dismissible">бла бла бла<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
	}
});
//--></script>

заменить в product.twig стандартный обработчик клика на кнопку #button-cart

а опция #input-option227 есть у всех товаров?

Valery332 · 17 вересня 2021

32 минуты назад, Blast сказал:

не проверял, но как-то так

Скрыть контент



<script type="text/javascript"><!--
$('#button-cart').on('click', function() {
	if ($('#input-option227').val() >= {{ price2 }}) {
		$.ajax({
			url: 'index.php?route=checkout/cart/add',
			type: 'post',
			data: $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea'),
			dataType: 'json',
			beforeSend: function() {
				$('#button-cart').button('loading');
			},
			complete: function() {
				$('#button-cart').button('reset');
			},
			success: function(json) {
				$('.alert-dismissible, .text-danger').remove();
				$('.form-group').removeClass('has-error');

				if (json['error']) {
					if (json['error']['option']) {
						for (i in json['error']['option']) {
							var element = $('#input-option' + i.replace('_', '-'));

							if (element.parent().hasClass('input-group')) {
								element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
							} else {
								element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
							}
						}
					}

					if (json['error']['recurring']) {
						$('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>');
					}

					// Highlight any found errors
					$('.text-danger').parent().addClass('has-error');
				}

				if (json['success']) {
					$('.breadcrumb').after('<div class="alert alert-success alert-dismissible">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

					$('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');

					$('html, body').animate({ scrollTop: 0 }, 'slow');

					$('#cart > ul').load('index.php?route=common/cart/info ul li');
				}
			},
	        error: function(xhr, ajaxOptions, thrownError) {
	            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
	        }
		});
	} else {
		$('.alert-dismissible').remove();
		$('.breadcrumb').after('<div class="alert alert-danger alert-dismissible">бла бла бла<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
	}
});
//--></script>

заменить в product.twig стандартный обработчик клика на кнопку #button-cart

а опция #input-option227 есть у всех товаров?

Благодарю, то что нужно!

Valery332 · 17 вересня 2021

39 минут назад, Blast сказал:

не проверял, но как-то так

Показать контент



<script type="text/javascript"><!--
$('#button-cart').on('click', function() {
	if ($('#input-option227').val() >= {{ price2 }}) {
		$.ajax({
			url: 'index.php?route=checkout/cart/add',
			type: 'post',
			data: $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea'),
			dataType: 'json',
			beforeSend: function() {
				$('#button-cart').button('loading');
			},
			complete: function() {
				$('#button-cart').button('reset');
			},
			success: function(json) {
				$('.alert-dismissible, .text-danger').remove();
				$('.form-group').removeClass('has-error');

				if (json['error']) {
					if (json['error']['option']) {
						for (i in json['error']['option']) {
							var element = $('#input-option' + i.replace('_', '-'));

							if (element.parent().hasClass('input-group')) {
								element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
							} else {
								element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
							}
						}
					}

					if (json['error']['recurring']) {
						$('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>');
					}

					// Highlight any found errors
					$('.text-danger').parent().addClass('has-error');
				}

				if (json['success']) {
					$('.breadcrumb').after('<div class="alert alert-success alert-dismissible">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

					$('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');

					$('html, body').animate({ scrollTop: 0 }, 'slow');

					$('#cart > ul').load('index.php?route=common/cart/info ul li');
				}
			},
	        error: function(xhr, ajaxOptions, thrownError) {
	            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
	        }
		});
	} else {
		$('.alert-dismissible').remove();
		$('.breadcrumb').after('<div class="alert alert-danger alert-dismissible">бла бла бла<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
	}
});
//--></script>

заменить в product.twig стандартный обработчик клика на кнопку #button-cart

а опция #input-option227 есть у всех товаров?

эммм) данная опция не на всех товарах, из-за этого другие товары нельзя добавить в корзину. Как сделать что-бы работало только если есть опция с данным ИД, в остальных по умолчанию.

nikoshot · 17 вересня 2021

49 минут назад, Blast сказал:

не проверял, но как-то так

Скрыть контент




<script type="text/javascript"><!--
$('#button-cart').on('click', function() {
	if ($('#input-option227').val() >= {{ price2 }}) {
		$.ajax({
			url: 'index.php?route=checkout/cart/add',
			type: 'post',
			data: $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea'),
			dataType: 'json',
			beforeSend: function() {
				$('#button-cart').button('loading');
			},
			complete: function() {
				$('#button-cart').button('reset');
			},
			success: function(json) {
				$('.alert-dismissible, .text-danger').remove();
				$('.form-group').removeClass('has-error');

				if (json['error']) {
					if (json['error']['option']) {
						for (i in json['error']['option']) {
							var element = $('#input-option' + i.replace('_', '-'));

							if (element.parent().hasClass('input-group')) {
								element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
							} else {
								element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
							}
						}
					}

					if (json['error']['recurring']) {
						$('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>');
					}

					// Highlight any found errors
					$('.text-danger').parent().addClass('has-error');
				}

				if (json['success']) {
					$('.breadcrumb').after('<div class="alert alert-success alert-dismissible">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

					$('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');

					$('html, body').animate({ scrollTop: 0 }, 'slow');

					$('#cart > ul').load('index.php?route=common/cart/info ul li');
				}
			},
	        error: function(xhr, ajaxOptions, thrownError) {
	            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
	        }
		});
	} else {
		$('.alert-dismissible').remove();
		$('.breadcrumb').after('<div class="alert alert-danger alert-dismissible">бла бла бла<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
	}
});
//--></script>

заменить в product.twig стандартный обработчик клика на кнопку #button-cart

а опция #input-option227 есть у всех товаров?

Может лучше сделать условие для вывода кнопки.. если условие совпадает то выводим не рабочую кнопку и текст бла бла иначе рабочую кнопку..что бы не менять стандартный обработчик.. мало ли..

Valery332 · 17 вересня 2021

Все разобрался, еще раз спасибо)

Вхід

Помощь JS

Recommended Posts

Valery332

Надіслати

Поділитися на інших сайтах

Blast

Надіслати

Поділитися на інших сайтах

Valery332

Надіслати

Поділитися на інших сайтах

Valery332

Надіслати

Поділитися на інших сайтах

nikoshot

Надіслати

Поділитися на інших сайтах

Valery332

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information