Добавление нескольких товаров с опциями в корзину

[Viniculo]

Доброго времени суток! 

Имеется группа товаров:

 

 

 

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

 

Вот код добавления товаров в корзину: 

 

var cart_combo = {
	'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');
			},
			success: function(json) {

				$('#cart > button').button('reset');
				
				$("#combo-notification .modal-footer").hide();
				$("#combo-notification").modal('show');

				if (json['redirect']) {
					$('#content').parent().before('<div class="alert alert-warning"><i class="fa fa-warning"></i> ' + json['warning'] + '<button type="button" class="close" data-dismiss="alert">×</button></div>');
					/*$("#combo-notification .modal-body p").append('<div class="alert alert-warning"><i class="fa fa-warning"></i> ' + json['warning'] + '<button type="button" class="close" data-dismiss="alert">×</button></div>');*/
				}

				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">×</button></div>');
					/*$("#combo-notification .modal-body p").append('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + '<button type="button" class="close" data-dismiss="alert">×</button></div>');*/

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

 

Выручайте в Javascript я не силен

[infomaker]

Вот есть пример для расширения combo bundle

http://demo.fanha99.com/combo-opencart/index.php?route=product/combo&combo_id=2

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

 

 

Собственно, вот как они отправляют данные - передают все существующие поля в блоке с классом .product-info

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