Есть функция, которая добавляет товар в корзину:
$(document).ready(function(){
$(".add-to-cart").click(function () {
var id = $(this).attr("data-id");
var size = $(".radio").attr("data-id");
$.ajax({
type: 'POST',
data: {product: id, count: $('.count-value').val(), size: size}
});
return false;
});
});
Так же есть кнопки, которые показывают размер товара:
<div class="size">
<?
$minSize = substr($product['size'], 0, 2);
$maxSize = substr($product['size'], 3, 4);
for ($i=$minSize;$i<=$maxSize;$i++) {
echo "<input class='radio' data-id='$i' type=\"radio\" value='$i' name=\"option\" id=\"radio$i\" />";
echo "<label class='label-radio' data-id='$i' for=\"radio$i\">$i</label>";
}
?>
</div>
Функция которая добавляет товар в БД не различает какой размер был указан т.е какая кнопка была нажата перед тем как добавить. Вот серверная часть:
if (isset($_POST['product'])) {
$productId = $_POST['product'];
$count = $_POST['count'];
$size = $_POST['size'];
$color = $_POST['color'];
$result = Carting::addToCart($productId,$count,$userId,$size);
}
option
, а проверяете выsize
option
есть класс.radio
значение которых хранятся в переменнойsize