마이페이지 반품신청 수정 내역

모바일/front/mobile/css/mypage.css

@@ -414,6 +414,14 @@ margin: 0 0 0 8px;}
414 width: calc(100% + 40px);
415 margin: 0 0 0 -20px;
416 }
417+.popup-wrap.pop-return .select-all {margin: 0;padding: 10px 20px;border-bottom: 1px solid #ddd;}
418+.popup-wrap.pop-return .cont-wrap .my-cart .type-06.select li {padding:20px; background-color: #fff;}
419+.popup-wrap.pop-return .cont-wrap .my-cart .type-06.select li .order-cart {display: none;}
420+
421+.popup-wrap.pop-return .cont-wrap .box-info-header {width:calc(100% + 40px);margin-inline:-20px;padding-inline:20px;border-bottom:1px solid #ddd;}
422+.popup-wrap.pop-return .cont-wrap .box-info-header span {font-size:16px;line-height:47px;font-weight:700;}
423+.popup-wrap.pop-return .cont-wrap .div-middle.return-requests {margin-bottom: 20px;}
424+.popup-wrap.pop-return .cont-wrap .my-cart .type-06 li .txt .num {margin-top: 12px;}
425
426 .pr-1{font-size:14px;color:#888;}
427 .select-all{margin:30px 0 15px 20px;}

모바일mo/html/MY-012_mypage_orders.html

@@ -2864,7 +2864,8 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
2864 <div class="popup-wrap full pop-return">
2865 <div class="popup">
2866 <div class="layer-container">
2867- <header class="flex">
2867+ <header class="popup__header flex">
2868+ <h1 class="popup__title">반품신청</h1>
2869 <div class="flex end margin">
2870 <button class="close">
2871 <div class="box">
@@ -2874,12 +2875,8 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
2875 </div>
2876 </header>
2877 <div class="cont-wrap">
2877- <div>
2878- <h1>반품신청</h1>
2879- </div>
2878 <form id="form-order-return-address" onsubmit="return false;" autocomplete="off" accept-charset="utf-8">
2879 <div class="my-cart">
2882- <div class="txt-nv">반품이 진행 중인데, 추가 반품을 원하는 경우엔 진행 중이던 반품을 철회한 후, 다시 반품신청을 해야 합니다. </div>
2880 <!--전체선택-->
2881 <div class="select-all">
2882 <input id="allCbox" class="cbox-type" type="checkbox" name="return-all" checked>
@@ -2889,9 +2886,6 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
2886 <ui class="type-06 select" id="li-target-order-info-return">
2887 </ui>
2888 </div>
2892- <div class="area-line"></div>
2893- <p class="essen pb-20">반품으로 인해 사은품 증정 금액조건에 해당하지 않을 경우 상품과 함께 사은품도 반송하셔야 환불 처리가 가능합니다.</p>
2894- <div class="area-line"></div>
2889 <h4 class="mt-20">반품사유<em class="essen">*</em></h4>
2890 <div class="input-holder mt-10">
2891 <select class="box-type-select" id="select-return-reason" data-command="return" onchange="changeClaimReasonReturn(this);">
@@ -2919,20 +2913,24 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
2913 </div>
2914
2915 <div class="area-line"></div>
2922- <h4 class="mt-20">반품지 정보 확인 </h4>
2916+ <div class="box-info-header">
2917+ <span>반품지 정보 확인 </span>
2918+ </div>
2919 <div class="div-middle">
2920 <h4 class="label">받는 분<em class="essen">*</em></h4>
2925- <div class="input-holder">
2926- <input class="txt-type-normal"
2927- placeholder="이름"
2928- name="rcpntNm"
2929- id="rcpntNm"
2930- maxlength="10"
2931- onkeyup="validateSpecialCharacter(this, true)"
2932- onkeydown="validateSpecialCharacter(this, true)"
2933- value=""
2934- >
2935- </div>
2921+ <div class="div">
2922+ <div class="input-holder">
2923+ <input class="txt-type-normal"
2924+ placeholder="이름"
2925+ name="rcpntNm"
2926+ id="rcpntNm"
2927+ maxlength="10"
2928+ onkeyup="validateSpecialCharacter(this, true)"
2929+ onkeydown="validateSpecialCharacter(this, true)"
2930+ value=""
2931+ >
2932+ </div>
2933+ </div>
2934 </div>
2935
2936 <div class="div-middle phone">
@@ -3002,19 +3000,19 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
3000 </div>
3001 </div>
3002 </div>
3005- <div class="div-middle">
3003+ <div class="div-middle return-requests">
3004 <h4 class="label">반품수거 요청 사항</h4>
3007- <div class="textbox">
3008- <input class="txt-type-normal" name="rmrk" id="rmrk" placeholder="수거 요청사항(최대 20자)" value="" maxlength="20">
3009- </div>
3005+ <input class="txt-type-normal" name="rmrk" id="rmrk" placeholder="수거 요청사항(최대 20자)" value="" maxlength="20">
3006 </div>
3007 <!-- Hidden Data -->
3008 <input type="hidden" name="cnplOne" id="cnplOne">
3009 <input type="hidden" name="cnplTwo" id="cnplTwo">
3010 </form>
3015-
3016-
3017- <h3 class="mt-20">환불 예정 정보</h3>
3011+ <div class="area-line"></div>
3012+ <div class="box-info-header">
3013+ <span>환불 정보</span>
3014+ </div>
3015+ <h4 class="mt-20">환불 예정 정보</h4>
3016 <div class="wrap-holder">
3017 <ul class="invoce-list inner" id="return-order-info">
3018 <li id="li-idx-1"><span>상품 취소금액</span><p>0원</p></li>
@@ -3026,31 +3024,32 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
3024 </div>
3025
3026 <h4 class="mt-20">환불수단</h4>
3029- <div class="wrap-holder" id="return-method-bank">
3027+ <div class="wrap-holder return-method" id="return-method-bank">
3028 <ul class="invoce-list inner">
3029 <li><span>예금주</span><p id="name">김케이</p></li>
3030 <li><span>은행</span><p id="bankNm">뱅크</p></li>
3031 <li><span>계좌번호</span><p id="bankNo">123456</p></li>
3032 </ul>
3033 </div>
3036- <div class="wrap-holder" id="return-method-card">
3034+ <div class="wrap-holder return-method" id="return-method-card">
3035 <ul class="invoce-list inner">
3036 <li><span>신용카드결제 취소</span><p id="card">카드 </p></li>
3037 </ul>
3038 </div>
3041- <div class="wrap-holder" id="return-method-comfort">
3039+ <div class="wrap-holder return-method" id="return-method-comfort">
3040 <ul class="invoce-list inner">
3041 <li><span>결제취소</span><p id="pay-mean"></p></li>
3042 </ul>
3043 </div>
3046-
3044 <h4 class="mt-20">반품 신청 안내</h4>
3048- <div class="box-holder mt-10">
3049- <p>반품 배송비는 결제금액에서 차감됩니다. </p>
3050- <p>최종 환불정보는 반품 상품을 받아본 후 결정됩니다.</p>
3051- <p>주문 시 사용하셨던 쿠폰 및 마일리지는 사용 이전으로 전환됩니다. 단, 사용하신 쿠폰이 유효기간이 지났을 경우, 복원되지 않습니다.</p>
3052- <p>반품 신청 후 상품을 7일 이내 발송하지 않으시면, 자동으로 반품취소 처리가 됩니다. </p>
3053- <p>신용카드 결제 시 반품배송비 차감 후 카드사 영업일 기준 3~7일 이후 승인 취소됩니다. </p>
3045+ <div class="box-holder box-holder--bullet mt-10">
3046+ <p class="box-bullet">반품이 진행 중인데, 추가 반품을 원하는 경우엔 진행 중이던 반품을 철회한 후, 다시 반품신청을 해야 합니다. </p>
3047+ <p class="box-bullet">반품으로 인해 사은품 증정 금액조건에 해당하지 않을 경우 상품과 함께 사은품도 반송하셔야 환불 처리가 가능합니다.</p>
3048+ <p class="box-bullet">반품 배송비는 결제금액에서 차감됩니다. </p>
3049+ <p class="box-bullet">최종 환불정보는 반품 상품을 받아본 후 결정됩니다.</p>
3050+ <p class="box-bullet">주문 시 사용하셨던 쿠폰 및 마일리지는 사용 이전으로 전환됩니다. 단, 사용하신 쿠폰이 유효기간이 지났을 경우, 복원되지 않습니다.</p>
3051+ <p class="box-bullet">반품 신청 후 상품을 7일 이내 발송하지 않으시면, 자동으로 반품취소 처리가 됩니다. </p>
3052+ <p class="box-bullet">신용카드 결제 시 반품배송비 차감 후 카드사 영업일 기준 3~7일 이후 승인 취소됩니다. </p>
3053 </div>
3054 </div>
3055
@@ -3058,14 +3057,7 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
3057 <footer class="direct fix-type1">
3058 <div class="flex full">
3059 <div class="flex">
3061- <button class="btn-type-gray bright large close" id="btn-order-return-close">
3062- <div class="box">
3063- <span>취소</span>
3064- </div>
3065- </button>
3066- </div>
3067- <div class="flex">
3068- <button class="btn-type-normal large" id="btn-order-return-ok">
3060+ <button class="btn-type-normal full large" id="btn-order-return-ok">
3061 <div class="box">
3062 <span>확인</span>
3063 </div>

PCpc/html/MY-012_mypage_orders.html

@@ -8887,22 +8887,15 @@ function updateNavButtons(swiperInstance) {
8887 <div class="scroll">
8888 <form id="form-order-return-address" onsubmit="return false;" autocomplete="off" accept-charset="utf-8">
8889 <div class="">
8890- <div class="box-holder bg-gray">
8891- <p>반품이 진행 중인데, 추가 반품을 원하는 경우엔 진행 중이던 반품을 철회한 후,</p>
8892- <p>다시 반품신청을 해야 합니다.</p>
8893- </div>
8890 <div class="prd-items-wrap">
8895- <div class="all-checkbox">
8891+ <h3 class="h4 tit-border mb-20">반품상품</h3>
8892+ <div class="all-checkbox ">
8893 <input id="allCbox" name="return-all" class="cbox-type" type="checkbox" checked>
8894 <label for="allCbox">전체선택</label>
8895 </div>
8896 <div id="li-target-order-info-return">
8897 </div>
8901- <div class="alert-holder mt-10">
8902- <ul>
8903- <li>반품으로 인해 사은품 증정 금액조건에 해당하지 않을 경우 상품과 함께 사은품도 반송하셔야 환불 처리가 가능합니다.</li>
8904- </ul>
8905- </div>
8898+
8899 <h4 class="mt-30">반품사유<span class="essen">*</span></h4>
8900 <div class="input-holder mt-10">
8901 <select class="box-type-select" id="select-return-reason" data-command="return" onchange="changeClaimReasonReturn(this);">
@@ -8960,7 +8953,6 @@ function updateNavButtons(swiperInstance) {
8953 id="cnpl_one_part1" placeholder="010"
8954 oninput="setFormInputValueContents(this)" maxlength="3" type="number"
8955 data-input-name="연락처 앞자리">
8963- <span class="del"><i class="_img"></i></span>
8956 </div>
8957 <span class="hyphen"></span>
8958 <div class="input-holder">
@@ -8968,7 +8960,6 @@ function updateNavButtons(swiperInstance) {
8960 id="cnpl_one_part2" placeholder="0000"
8961 oninput="setFormInputValueContents(this)" maxlength="4" type="number"
8962 data-input-name="연락처 중간자리">
8971- <span class="del"><i class="_img"></i></span>
8963 </div>
8964 <span class="hyphen"></span>
8965 <div class="input-holder">
@@ -8976,17 +8967,15 @@ function updateNavButtons(swiperInstance) {
8967 id="cnpl_one_part3" placeholder="0000"
8968 oninput="setFormInputValueContents(this)" maxlength="4" type="number"
8969 data-input-name="연락처 마지막자리">
8979- <span class="del"><i class="_img"></i></span>
8970 </div>
8971 </div>
8982- <h4 class="mt-40">연락처 2<em class="essen">*</em></h4>
8972+ <h4 class="mt-40">(선택)전화번호<em class="essen">*</em></h4>
8973 <div class="flex input-holder half-w mt-10">
8974 <div class="input-holder">
8975 <input class="txt-type-normal center" name="cnpl_two_part1"
8976 id="cnpl_two_part1" placeholder="010"
8977 oninput="setFormInputValueContents(this)" maxlength="3" type="number"
8978 data-input-name="연락처 앞자리">
8989- <span class="del"><i class="_img"></i></span>
8979 </div>
8980 <span class="hyphen"></span>
8981 <div class="input-holder">
@@ -8994,7 +8983,6 @@ function updateNavButtons(swiperInstance) {
8983 id="cnpl_two_part2" placeholder="0000"
8984 oninput="setFormInputValueContents(this)" maxlength="4" type="number"
8985 data-input-name="연락처 중간자리">
8997- <span class="del"><i class="_img"></i></span>
8986 </div>
8987 <span class="hyphen"></span>
8988 <div class="input-holder">
@@ -9002,7 +8990,6 @@ function updateNavButtons(swiperInstance) {
8990 id="cnpl_two_part3" placeholder="0000"
8991 oninput="setFormInputValueContents(this)" maxlength="4" type="number"
8992 data-input-name="연락처 마지막자리">
9005- <span class="del"><i class="_img"></i></span>
8993 </div>
8994 </div>
8995
@@ -9049,7 +9036,8 @@ function updateNavButtons(swiperInstance) {
9036 <input type="hidden" name="cnplTwo" id="cnplTwo">
9037 </form>
9038
9052- <h4 class="mt-40">환불 예정 정보</h4>
9039+ <h3 class="h4 tit-border mt-40">환불정보</h3>
9040+ <h4 class="mt-20">환불 예정 정보</h4>
9041 <div class="wrap-holder">
9042 <ul class="invoce-list inner" id="return-order-info">
9043 <li id="li-idx-1"><span>상품 취소금액</span>
@@ -9091,6 +9079,8 @@ function updateNavButtons(swiperInstance) {
9079
9080 <h4 class="mt-40">반품 신청 안내</h4>
9081 <div class="box-holder mt-10">
9082+ <p>반품이 진행 중인데, 추가 반품을 원하는 경우엔 진행 중이던 반품을 철회한 후, 다시 반품신청을 해야 합니다.</p>
9083+ <p>반품으로 인해 사은품 증정 금액조건에 해당하지 않을 경우 상품과 함께 사은품도 반송하셔야 환불 처리가 가능합니다.</p>
9084 <p>반품 배송비는 결제금액에서 차감됩니다.</p>
9085 <p>최종 환불정보는 반품 상품을 받아본 후 결정됩니다.</p>
9086 <p>주문 시 사용하셨던 쿠폰 및 마일리지는 사용 이전으로 전환됩니다.<br>단, 사용하신 쿠폰이 유효기간이 지났을 경우, 복원되지 않습니다.</p>
@@ -9101,12 +9091,7 @@ function updateNavButtons(swiperInstance) {
9091 </div>
9092 </div>
9093 <div class="flex center mt-40">
9104- <button class="btn-type-line full mr-10" id="btn-order-return-close">
9105- <div class="box">
9106- <span>취소</span>
9107- </div>
9108- </button>
9109- <button class="btn-type-normal full ml-10" id="btn-order-return-ok">
9094+ <button class="btn-type-normal full" id="btn-order-return-ok">
9095 <div class="box">
9096 <span>확인</span>
9097 </div>