페이지 정보
본문
기존의 영카트 옵션에는 선택옵션과 추가옵션이 있습니다.
원래 추가옵션의 경우 같은 옵션에 다른 옵션을 선택하더라도
옵션이 순차적으로 쌓이면서 가격이 증가되는데
이것을 커스텀하여 추가옵션이 바뀌면 해당 옵션이 순차적으로 쌓이는 것이 아닌
옵션과 가격만 변경되어 적용되는 형식으로 해보았습니다.
우선 www/js/shop.override.js 파일에서 추가옵션 부분을 수정해야합니다.
jQuery(function($){
$(".2017_renewal_itemform select.it_supply").on("shop_sel_supply_process", function(e, param){
var add_exec = param.add_exec;
var $el = $(this);
var val = $el.val();
//블랙캣77님이 해당 코드에 도움을 주셨습니다.
var eq = $("select.it_supply").index($(this));
var item = $el.closest(".sit_option").find("label").eq(eq).text();
if(!val) {
alert(item+"을(를) 선택해 주십시오.");
return false;
}
var info = val.split(",");
// 재고체크
if(parseInt(info[2]) < 1) {
alert(info[0]+"은(는) 재고가 부족하여 구매할 수 없습니다.");
return false;
}
var id = item+chr(30)+info[0];
var option = item+":"+info[0];
var price = info[1];
var stock = info[2];
// 금액 음수 체크
if(parseInt(price) < 0) {
alert("구매금액이 음수인 상품은 구매할 수 없습니다.");
return false;
}
if(add_exec) {
if(same_option_check(option))
return false;
add_sel_option(1, id, option, price, stock, eq);
}
return false;
});
if (typeof add_sel_option === "function") {
add_sel_option = (function() {
var cached_function = add_sel_option;
return function() {
if( $(".2017_renewal_itemform").length ){
var a = arguments;
var type=a[0],
id=a[1],
option=a[2],
price=a[3],
stock=a[4],
eq=a[5];
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+"\">";
// 새로 등록된 Select 박스를 알아내기 위해 <input>태그를 추가(gnuwiz)
opt += "<input type=\"hidden\" name=\"io_eq_"+eq+"\" value=\""+eq+"\">";
opt += "<div class=\"opt_name\">";
opt += "<span class=\"sit_opt_subj\">"+option+"</span>";
opt += "</div>";
opt += "<div class=\"opt_count\">";
if(type) { // 추가옵션 이라면 시작(gnuwiz)
opt += "<button type=\"button\" class=\"sit_qty_minus\"><i class=\"fa fa-minus\" aria-hidden=\"true\"></i><span class=\"sound_only\">감소</span></button>";
opt += "<input type=\"text\" name=\"ct_qty["+item_code+"][]\" value=\"1\" class=\"num_input\" size=\"5\">";
opt += "<button type=\"button\" class=\"sit_qty_plus\"><i class=\"fa fa-plus\" aria-hidden=\"true\"></i><span class=\"sound_only\">증가</span></button>";
opt += "<span class=\"sit_opt_prc\">"+opt_prc+"</span>";
opt += "<button type=\"button\" class=\"sit_opt_del\"><i class=\"fa fa-times\" aria-hidden=\"true\"></i><span class=\"sound_only\">삭제</span></button></div>";
} else {
opt += "<input type=\"hidden\" name=\"ct_qty["+item_code+"][]\" value=\"1\" class=\"num_input\" size=\"5\">";
opt += "<span class=\"sit_opt_prc\">"+opt_prc+"</span>";
opt += "<button type=\"button\" class=\"sit_opt_del\"><i class=\"fa fa-times\" aria-hidden=\"true\"></i><span class=\"sound_only\">삭제</span></button></div>";
}
// 추가옵션 이라면 끝(gnuwiz)
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) {
// 기존에 등록된 <input>의 부모요소인 <li>태그를 선택자로 가져와서 remove함(gnuwiz)
$("input[name=io_eq_"+eq+"]").parent("li").remove();
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();
} else {
cached_function.apply(this, arguments); // use .apply() to call it
} //end if
};
}());
} //end if check function
if (typeof price_calculate === "function") {
price_calculate = (function() {
var cached_function = price_calculate;
return function() {
if( $(".2017_renewal_itemform").length ){
var it_price = parseInt($("input#it_price").val());
if(isNaN(it_price))
return;
var $el_prc = $("input.io_price");
var $el_qty = $("input[name^=ct_qty]");
var $el_type = $("input[name^=io_type]");
var price, type, qty, total = 0;
$el_prc.each(function(index) {
price = parseInt($(this).val());
qty = parseInt($el_qty.eq(index).val());
type = $el_type.eq(index).val();
if(type == "0") { // 선택옵션
total += (it_price + price) * qty;
} else { // 추가옵션
total += price * qty;
}
});
$("#sit_tot_price").empty().html("<span>총 금액 </span><strong>"+number_format(String(total))+"</strong> 원");
} else {
cached_function.apply(this, arguments); // use .apply() to call it
}
};
}());
} //end if check function
});
