|
@@ -42,87 +42,154 @@
|
|
|
</ul>
|
|
</ul>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div id="cartAjaxList" class="cont_body">
|
|
|
|
|
- <!-- 장바구니 내용 -->
|
|
|
|
|
- </div>
|
|
|
|
|
- <th:block th:if="${sessionInfo != null and (sessionInfo.custId == 'xodud1202' or sessionInfo.custId == 'jsh77b' or sessionInfo.custId == 'card007')}">
|
|
|
|
|
- <div style="margin-top:10px;">
|
|
|
|
|
- <th:block th:with="buttonKey=${@environment.getProperty('naverPay.button.key')}">
|
|
|
|
|
- <script type="text/javascript" th:src="${@environment.getProperty('naverPay.button.pc.js.url')}" src="" charset="UTF-8"></script>
|
|
|
|
|
-
|
|
|
|
|
- <script th:inline="javascript">
|
|
|
|
|
- if(!wcs_add) var wcs_add = {};
|
|
|
|
|
- wcs_add["wa"] = [[${@environment.getProperty('naverPay.common.certification.key')}]];
|
|
|
|
|
- wcs.inflow("style24.com");
|
|
|
|
|
- wcs_do();
|
|
|
|
|
- </script>
|
|
|
|
|
-
|
|
|
|
|
- <script type="text/javascript">
|
|
|
|
|
- /*버튼설정*/
|
|
|
|
|
- naver.NaverPayButton.apply({
|
|
|
|
|
- BUTTON_KEY : "[[${buttonKey}]]", // 네이버페이에서 제공받은 버튼 인증 키 입력
|
|
|
|
|
- TYPE : "C", // 버튼 모음 종류 설정
|
|
|
|
|
- COLOR : 1, // 버튼 모음의 색 설정
|
|
|
|
|
- COUNT : 1, // 버튼 개수 설정. 구매하기 버튼만 있으면(장바구니 페이지) 1, 찜하기 버튼도 있으면(상품 상세 페이지) 2를 입력.
|
|
|
|
|
- ENABLE : "Y", // 품절 등의 이유로 버튼 모음을 비활성화할 때에는 "N" 입력
|
|
|
|
|
- BUY_BUTTON_HANDLER : buy_nc, // 구매하기 버튼 이벤트 Handler 함수 등록, 품절인 경우 not_buy_nc 함수 사용
|
|
|
|
|
- "":""
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- /*네이버구매하기*/
|
|
|
|
|
- function buy_nc() {
|
|
|
|
|
- let cartSqArr = []
|
|
|
|
|
- $("#cartListForm input[name=cartSqArr]:checked").each(function() {
|
|
|
|
|
- cartSqArr.push($(this).val());
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- buy_nc_req(cartSqArr);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function buy_nc_req(cartSqArr) {
|
|
|
|
|
- let data = { cartSqArr : cartSqArr
|
|
|
|
|
- , backUrl : location.href
|
|
|
|
|
- , goodsUrl : _PAGE_GOODS_DETAIL
|
|
|
|
|
- };
|
|
|
|
|
- let jsonData = JSON.stringify(data);
|
|
|
|
|
-
|
|
|
|
|
- $.ajax( {
|
|
|
|
|
- type : "POST",
|
|
|
|
|
- url : "/pg/nPayReq",
|
|
|
|
|
- dataType : 'json',
|
|
|
|
|
- data : jsonData,
|
|
|
|
|
- beforeSend : function(xhr, settings) {
|
|
|
|
|
- xhr.setRequestHeader("AJAX" , "true");
|
|
|
|
|
- xhr.setRequestHeader('Accept' , 'application/json');
|
|
|
|
|
- xhr.setRequestHeader('Content-Type' , 'application/json');
|
|
|
|
|
- },
|
|
|
|
|
- error: function(xhr, status, error) {
|
|
|
|
|
- mcxDialog.alert(status + '; ' + error);
|
|
|
|
|
- },
|
|
|
|
|
- success : function(result) {
|
|
|
|
|
- if (result.state == "sucess") {
|
|
|
|
|
- enp('create', 'conversion', 'is24', { device: 'W', paySys: 'naverPay' }); // 모비온 네이버주문형 클릭시
|
|
|
|
|
- window.open('about:blank', 'popupView');
|
|
|
|
|
- document.nPayForm.target = 'popupView';
|
|
|
|
|
- document.nPayForm.action = result.npayOrderUrl + "/" + result.orderKey + "/" + result.resultNo;
|
|
|
|
|
- document.nPayForm.submit();
|
|
|
|
|
- } else {
|
|
|
|
|
- mcxDialog.alert(result.message);
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ <div class="cont_body">
|
|
|
|
|
+ <div id="cartAjaxList" class="od_cont">
|
|
|
|
|
+ <!-- 장바구니 내용 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="od_side" style="display:none">
|
|
|
|
|
+ <div class="area_order">
|
|
|
|
|
+ <div class="tit_box">
|
|
|
|
|
+ <h3>결제 정보</h3>
|
|
|
|
|
+ <span><em class="number checkSelectCartListCnt"></em>개의 상품</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="od_amount_box">
|
|
|
|
|
+ <dl>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>상품금액</dt>
|
|
|
|
|
+ <dd><em class="sumListPrice"></em>원</dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>배송비</dt>
|
|
|
|
|
+ <dd><em class="totDelvFee"></em> 원</dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <dt>할인금액</dt>
|
|
|
|
|
+ <dd><span class="disc_amount"><em class="totDcAmt" id="totDcAmt"></em> 원</span></dd>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="totalprice_box">
|
|
|
|
|
+ <dl>
|
|
|
|
|
+ <dt>총 결제 예정 금액</dt>
|
|
|
|
|
+ <dd><span class="sumRealPayAmt" id="sumRealPayAmt"></span> 원</dd>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="btn_box">
|
|
|
|
|
+ <button class="btn btn_primary btn_block btn_md" onclick="fnSubmitNoMember('all'); return false;"><span>구매하기</span></button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="area_salecoupon">
|
|
|
|
|
+ <h4>할인코드 입력</h4>
|
|
|
|
|
+ <div class="form_field">
|
|
|
|
|
+ <div class="input_wrap form_full">
|
|
|
|
|
+ <label class="input_label sr-only">할인코드입력</label>
|
|
|
|
|
+ <input type="text" id="serialCpnNm" class="form_control" placeholder="할인코드를 입력해주세요.">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <button type="button" class="btn btn_dark btn_sm" onclick="serialCpnApply()"><span>적용</span></button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="coupon_box">
|
|
|
|
|
+ <div class="coupon">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <p class="cp_name"></p>
|
|
|
|
|
+ <p class="cp_cont">
|
|
|
|
|
+ <!--<span><em>12,399,900</em>원</span>
|
|
|
|
|
+ <span><em>40</em>%</span>-->
|
|
|
|
|
+ <span class="cp_dc_val"></span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <p class="cp_condition">
|
|
|
|
|
+ <!--500,000원 이상 구매 시 최대 50,000원 할인
|
|
|
|
|
+ <span><em class="tag primary_line">99장 보유</em></span>-->
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="cp_date">
|
|
|
|
|
+ <span class="availStdt"></span> ~ <span class="availEddt"></span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <button type="button" class="btn_underline" id="btn_cartCouponInfo_pop">
|
|
|
|
|
+ <span>사용안내</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <th:block th:if="${sessionInfo != null and (sessionInfo.custId == 'xodud1202' or sessionInfo.custId == 'jsh77b' or sessionInfo.custId == 'card007')}">
|
|
|
|
|
+ <div style="margin-top:35px;">
|
|
|
|
|
+ <th:block th:with="buttonKey=${@environment.getProperty('naverPay.button.key')}">
|
|
|
|
|
+ <script type="text/javascript" th:src="${@environment.getProperty('naverPay.button.pc.js.url')}" src="" charset="UTF-8"></script>
|
|
|
|
|
+
|
|
|
|
|
+ <script th:inline="javascript">
|
|
|
|
|
+ if(!wcs_add) var wcs_add = {};
|
|
|
|
|
+ wcs_add["wa"] = [[${@environment.getProperty('naverPay.common.certification.key')}]];
|
|
|
|
|
+ wcs.inflow("style24.com");
|
|
|
|
|
+ wcs_do();
|
|
|
|
|
+ </script>
|
|
|
|
|
+
|
|
|
|
|
+ <script type="text/javascript">
|
|
|
|
|
+ /*버튼설정*/
|
|
|
|
|
+ naver.NaverPayButton.apply({
|
|
|
|
|
+ BUTTON_KEY : "[[${buttonKey}]]", // 네이버페이에서 제공받은 버튼 인증 키 입력
|
|
|
|
|
+ TYPE : "C", // 버튼 모음 종류 설정
|
|
|
|
|
+ COLOR : 1, // 버튼 모음의 색 설정
|
|
|
|
|
+ COUNT : 1, // 버튼 개수 설정. 구매하기 버튼만 있으면(장바구니 페이지) 1, 찜하기 버튼도 있으면(상품 상세 페이지) 2를 입력.
|
|
|
|
|
+ ENABLE : "Y", // 품절 등의 이유로 버튼 모음을 비활성화할 때에는 "N" 입력
|
|
|
|
|
+ BUY_BUTTON_HANDLER : buy_nc, // 구매하기 버튼 이벤트 Handler 함수 등록, 품절인 경우 not_buy_nc 함수 사용
|
|
|
|
|
+ "":""
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ /*네이버구매하기*/
|
|
|
|
|
+ function buy_nc() {
|
|
|
|
|
+ let cartSqArr = []
|
|
|
|
|
+ $("#cartListForm input[name=cartSqArr]:checked").each(function() {
|
|
|
|
|
+ cartSqArr.push($(this).val());
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ buy_nc_req(cartSqArr);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ function buy_nc_req(cartSqArr) {
|
|
|
|
|
+ let data = { cartSqArr : cartSqArr
|
|
|
|
|
+ , backUrl : location.href
|
|
|
|
|
+ , goodsUrl : _PAGE_GOODS_DETAIL
|
|
|
|
|
+ };
|
|
|
|
|
+ let jsonData = JSON.stringify(data);
|
|
|
|
|
+
|
|
|
|
|
+ $.ajax( {
|
|
|
|
|
+ type : "POST",
|
|
|
|
|
+ url : "/pg/nPayReq",
|
|
|
|
|
+ dataType : 'json',
|
|
|
|
|
+ data : jsonData,
|
|
|
|
|
+ beforeSend : function(xhr, settings) {
|
|
|
|
|
+ xhr.setRequestHeader("AJAX" , "true");
|
|
|
|
|
+ xhr.setRequestHeader('Accept' , 'application/json');
|
|
|
|
|
+ xhr.setRequestHeader('Content-Type' , 'application/json');
|
|
|
|
|
+ },
|
|
|
|
|
+ error: function(xhr, status, error) {
|
|
|
|
|
+ mcxDialog.alert(status + '; ' + error);
|
|
|
|
|
+ },
|
|
|
|
|
+ success : function(result) {
|
|
|
|
|
+ if (result.state == "sucess") {
|
|
|
|
|
+ enp('create', 'conversion', 'is24', { device: 'W', paySys: 'naverPay' }); // 모비온 네이버주문형 클릭시
|
|
|
|
|
+ window.open('about:blank', 'popupView');
|
|
|
|
|
+ document.nPayForm.target = 'popupView';
|
|
|
|
|
+ document.nPayForm.action = result.npayOrderUrl + "/" + result.orderKey + "/" + result.resultNo;
|
|
|
|
|
+ document.nPayForm.submit();
|
|
|
|
|
+ } else {
|
|
|
|
|
+ mcxDialog.alert(result.message);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
}
|
|
}
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- <!-- 구매불가 -->
|
|
|
|
|
- function not_buy_nc() {
|
|
|
|
|
- mcxDialog.alert("죄송합니다. 네이버페이로 구매가 불가한 상품입니다.");
|
|
|
|
|
- return false;
|
|
|
|
|
- }
|
|
|
|
|
- //]]>
|
|
|
|
|
- </script>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 구매불가 -->
|
|
|
|
|
+ function not_buy_nc() {
|
|
|
|
|
+ mcxDialog.alert("죄송합니다. 네이버페이로 구매가 불가한 상품입니다.");
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ //]]>
|
|
|
|
|
+ </script>
|
|
|
|
|
+ </th:block>
|
|
|
|
|
+ </div>
|
|
|
</th:block>
|
|
</th:block>
|
|
|
</div>
|
|
</div>
|
|
|
- </th:block>
|
|
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<th:block th:if="${cartSize>0}">
|
|
<th:block th:if="${cartSize>0}">
|
|
@@ -252,23 +319,23 @@
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- });
|
|
|
|
|
|
|
+ });
|
|
|
|
|
|
|
|
- function getCartList(parameter) {
|
|
|
|
|
- // 장바구니 정보 조회
|
|
|
|
|
- $.ajax( {
|
|
|
|
|
- type: "POST",
|
|
|
|
|
- url : '/cart/goods/list',
|
|
|
|
|
|
|
+ function getCartList(parameter) {
|
|
|
|
|
+ // 장바구니 정보 조회
|
|
|
|
|
+ $.ajax( {
|
|
|
|
|
+ type: "POST",
|
|
|
|
|
+ url : '/cart/goods/list',
|
|
|
data : parameter,
|
|
data : parameter,
|
|
|
- dataType : 'html',
|
|
|
|
|
- success : function(result) {
|
|
|
|
|
- if (result != null) {
|
|
|
|
|
- $("#cartListForm").remove();
|
|
|
|
|
- $("#cartAjaxList").html(result);
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ dataType : 'html',
|
|
|
|
|
+ success : function(result) {
|
|
|
|
|
+ if (result != null) {
|
|
|
|
|
+ $("#cartListForm").remove();
|
|
|
|
|
+ $("#cartAjaxList").html(result);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
//상품옵션변경 팝업 > 컬러선택 표기
|
|
//상품옵션변경 팝업 > 컬러선택 표기
|
|
|
$(document).on('change','input[name=shotDelvUseYn]',function(e){
|
|
$(document).on('change','input[name=shotDelvUseYn]',function(e){
|