Как передать значение опций товара в корзину через AJAX(JSON)?

Question

[panterr92]

При передаче товара в корзину из карточки товара - работает следующий код

'add': function(product_id, quantity) {
		$.ajax({
			url: 'index.php?route=checkout/cart/add',
			type: 'post',
			data: 'product_id=' + product_id + '&quantity=' + (typeof(quantity) != 'undefined' ? quantity : 1),
			dataType: 'json',
			beforeSend: function() {
				$('#cart > button').button('loading');
			},
			complete: function() {
				$('#cart > button').button('reset');
			},
			success: function(json) {
				$('.alert, .text-danger').remove();

				if (json['redirect']) {
					location = json['redirect'];
				}

				if (json['success']) {
					$('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');

					// Need to set timeout otherwise it wont update the total
					setTimeout(function () {
						$('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');
					}, 100);

					$('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);
			}
		});
	},

Если выставить опции для товара обязательными, то в корзину добавление не производится. При выводе JSON-строки в консоль - пишет ошибка, нужно обязательно выбрать цвет (это и есть опция).

Пришел к выводу, что необходимо дополнить строку добавив &option

spoiler

data: 'product_id=' + product_id + '&quantity=' + (typeof(quantity) != 'undefined' ? quantity : 1),

Вопрос, как правильно передать туда переменные, как понимаю ID-опции и ID-значения опции в массиве.

Answer 1

[zoozag]

В карточке товара другой код добавления в корзину. Там в указанной вами строке:

data: $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea'),

Comments

[panterr92]

на сколько я понял - это для прошлых версий. у меня 2.3
если использовать данную строку, не забыв указать #product карточке товара -> товар вовсе не добавляется в корзину.

[zoozag]

Вы точно не из категории дабавляете а из карточки товара?
ocStore 2.3 product.tpl 421 строка это то что я скинул.

[panterr92]

zoozag, вообще изначально из common.js работал скрипт.
сейчас нашел этот, и результат такой же - 0.
При выводе переменной json (собранные данные из карточки перед отправкой AJAX-запроса) - пусто.

[zoozag]

matroskin92, Кинь ссылку на сайт.
Если json пустой, значит неправильные селекторы у тебя.

[panterr92]

zoozag, moszamte.beget.tech/varezhki?product_id=64
значения селекторов через консоль выводил, значения присутствуют.

[zoozag]

1. json который ты выводишь - это ответ сервера уже
2. У тебя инпуты без name. product_id и quantity
3. Данные на сервак уходят, посмотри в Network, но из-за того что инпуты без имени они в json не парсятся

=64&option%5B3%5D=11&=1

- sourse

(empty)
option[3]:11
(empty)

- parsed

[zoozag]

Если имена добавить все ок добавляется joxi.ru/1A5ZNoRHKJZy0r

[panterr92]

zoozag, Спасибо!

Answer 2

[web-mehanik]

Откройте исходники и посмотрите