채택완료

영카트 추가옵션 추가버튼, 감소버튼 질문있습니다.

2017-09-06 (수) 10:10:56 3,612

추가 버튼, 감소 버튼을 이미지로 변경하였는데 정상적으로 작동하지않아서

어디부분을 수정하여야 글씨대신 이미지로 사용해도 정상작동하는지 여쭈어봅니다.

답변 1개

채택된 답변
+20 포인트

/js/shop.js

Copy
// 선택된 옵션 출력function add_sel_option(type, id, option, price, stock){    var item_code = $("input[name='it_id[]']").val();    var opt = "";    var li_class = "sit_opt_list";    if(type)        li_class = "sit_spl_list";    var opt_prc;    if(parseInt(price) >= 0)        opt_prc = "(+"+number_format(String(price))+"원)";    else        opt_prc = "("+number_format(String(price))+"원)";    opt += "<li class=\""+li_class+"\">";    opt += "<input type=\"hidden\" name=\"io_type["+item_code+"][]\" value=\""+type+"\">";    opt += "<input type=\"hidden\" name=\"io_id["+item_code+"][]\" value=\""+id+"\">";    opt += "<input type=\"hidden\" name=\"io_value["+item_code+"][]\" value=\""+option+"\">";    opt += "<input type=\"hidden\" class=\"io_price\" value=\""+price+"\">";    opt += "<input type=\"hidden\" class=\"io_stock\" value=\""+stock+"\">";    opt += "<span class=\"sit_opt_subj\">"+option+"</span>";    opt += "<span class=\"sit_opt_prc\">"+opt_prc+"</span>";    opt += "<div><input type=\"text\" name=\"ct_qty["+item_code+"][]\" value=\"1\" class=\"frm_input\" size=\"5\">";    opt += "<button type=\"button\" class=\"sit_qty_plus btn_frmline\">증가</button>";    opt += "<button type=\"button\" class=\"sit_qty_minus btn_frmline\">감소</button>";    opt += "<button type=\"button\" class=\"sit_opt_del btn_frmline\">삭제</button></div>";    opt += "</li>";    if($("#sit_sel_option > ul").size() < 1) {        $("#sit_sel_option").html("<ul id=\"sit_opt_added\"></ul>");        $("#sit_sel_option > ul").html(opt);    } else{        if(type) {            if($("#sit_sel_option .sit_spl_list").size() > 0) {                $("#sit_sel_option .sit_spl_list:last").after(opt);            } else {                if($("#sit_sel_option .sit_opt_list").size() > 0) {                    $("#sit_sel_option .sit_opt_list:last").after(opt);                } else {                    $("#sit_sel_option > ul").html(opt);                }            }        } else {            if($("#sit_sel_option .sit_opt_list").size() > 0) {                $("#sit_sel_option .sit_opt_list:last").after(opt);            } else {                if($("#sit_sel_option .sit_spl_list").size() > 0) {                    $("#sit_sel_option .sit_spl_list:first").before(opt);                } else {                    $("#sit_sel_option > ul").html(opt);                }            }        }    }    price_calculate();}
Copy
// 수량변경 및 삭제    $(document).on("click", "#sit_sel_option li button", function() {        var mode = $(this).text();        var this_qty, max_qty = 9999, min_qty = 1;        var $el_qty = $(this).closest("li").find("input[name^=ct_qty]");        var stock = parseInt($(this).closest("li").find("input.io_stock").val());        switch(mode) {            case "증가":                this_qty = parseInt($el_qty.val().replace(/[^0-9]/, "")) + 1;                if(this_qty > stock) {                    alert("재고수량 보다 많은 수량을 구매할 수 없습니다.");                    this_qty = stock;                }                if(this_qty > max_qty) {                    this_qty = max_qty;                    alert("최대 구매수량은 "+number_format(String(max_qty))+" 입니다.");                }                $el_qty.val(this_qty);                price_calculate();                break;            case "감소":                this_qty = parseInt($el_qty.val().replace(/[^0-9]/, "")) - 1;                if(this_qty < min_qty) {                    this_qty = min_qty;                    alert("최소 구매수량은 "+number_format(String(min_qty))+" 입니다.");                }                $el_qty.val(this_qty);                price_calculate();                break;            case "삭제":                if(confirm("선택하신 옵션항목을 삭제하시겠습니까?")) {                    var $el = $(this).closest("li");                    var del_exec = true;                    if($("#sit_sel_option .sit_spl_list").size() > 0) {                        // 선택옵션이 하나이상인지                        if($el.hasClass("sit_opt_list")) {                            if($(".sit_opt_list").size() <= 1)                                del_exec = false;                        }                    }                    if(del_exec) {                        $el.closest("li").remove();                        price_calculate();                    } else {                        alert("선택옵션은 하나이상이어야 합니다.");                        return false;                    }                }                break;            default:                alert("올바른 방법으로 이용해 주십시오.");                break;        }    });

이 부분이요.

수정 방법은 이미지를 어떻게 변경하셨는지에 따라 달라집니다.

답변을 작성하려면 로그인이 필요합니다.