Estoy haciendo un carrito con jQuery. Los producto son prendas de ropa por lo cual llevan tallas. En base a lo que quiere el cliente, quieren que por cada talla que tiene el producto salga un input, para poder escoger las distintas cantidades que quiere de cada talla.
Lo que es la maquetación la tengo, pero no se como hacer para que si cojo 5 de la talla M y 6 de la talla XL, me cree dos arreglos por que son dos productos distintos con la cantidad de cada uno.
Yo tenia mi función en jQuery, pero ahora no me vale por evidentemente no me coge la cantidad ni me genera más de un fila en el arreglo.
Selector de tallas
@foreach ($producto->sacaTallas as $tallas)
<div class="form-group disInline text-center">
<label for="cantidad" class="labelTallas">{{ $tallas->nombre }}</label>
<input type="number" class="form-control tamaInput" id="talla" name="talla[]" min="0" value="0">
</div>
@endforeach
Cuando le doy al botón de añadir al carrito
var countCarrito = "";
var carrito = [];
var user_id = $("#user_id").val();
var estado_carrito = false;
$(".card_ver_producto").on('click', '.btn_add_cart',function(e) {
$('.globo').removeClass('animated swing');
$('.globo2').removeClass('animated swing');
var data = {};
countCarrito = countCarrito + 1;
data.product_id = $(this).data("id");
data.color = $('input:radio[name=color]:checked').val();
data.talla = $('input:radio[name=talla]:checked').val();
data.tipoPedido = $('input:radio[name=tipoPedido]:checked').val();
data.cantidad = $('#qty').val();
carrito.push(data);
console.log(carrito);
});
Esto me devuelve:
0:
cantidad: undefined
color: "Blanco"
product_id: 18
talla: undefined
tipoPedido: "Web"
...
Como veis no me llena ahora mismo ni la cantidad ni la talla, pero además necesito que por cada talla distinta quedase así el arreglo:
0:
cantidad: 20
color: "Blanco"
product_id: 18
talla: M
tipoPedido: "Web"
...
1:
cantidad: 7
color: "Blanco"
product_id: 18
talla: XL
tipoPedido: "Web"
...
Agradezco la ayuda de antemano.