Помощь JS

[Valery332]

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

Нужно:

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

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

[Blast]

  В 17.09.2021 в 19:07, Valery332 сказав:

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

Нужно:

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

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

Expand  

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

  Показати вміст

<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.09.2021 в 19:46, 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 есть у всех товаров?

Expand  

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

[Valery332]

  В 17.09.2021 в 19:46, 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 есть у всех товаров?

Expand  

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

[nikoshot]

  В 17.09.2021 в 19:46, 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 есть у всех товаров?

Expand  

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

[Valery332]

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