상품 상세페이지에서 옵션 선택 시, 가격과 재고를 실시간으로 반영해 구매 편의성을 높이고 잘못된 주문을 방지합니다.

적용 위치
/shop/ 내 item.form.skin.php 또는 item.php의 옵션 선택 스크립트 부분 수정

옵션 선택 시 가격 실시간 반영

$("select.it_option, select.it_supply").change(function() {
    var price = parseInt($("#it_price").data("base"));
    var addPrice = 0;

    $("select.it_option option:selected, select.it_supply option:selected").each(function(){
        var p = parseInt($(this).data("price"));
        if(!isNaN(p)) addPrice += p;
    });

    $("#it_price").text((price + addPrice).toLocaleString() + "원");
});
 

재고 연동

$("select.it_option").change(function(){
    var stock = $(this).find("option:selected").data("stock");
    if(stock <= 0) {
        alert("선택하신 옵션은 품절입니다.");
        $(this).val("");
    }
});
 

필수 옵션 미선택 방지

$("form#item_form").submit(function(){
    var valid = true;
    $("select.it_option").each(function(){
        if($(this).val() == "") {
            alert("모든 필수 옵션을 선택해주세요.");
            valid = false;
            return false;
        }
    });
    return valid;
});