[스마트디자인] [Mobile] 체크아웃 프로그램 관련 개인정보 동의 약관 표시(Korean) - HTML/CSS

▼ 아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가합니다.

주문 js모듈주문 /js/module/order/order_form.js CHANGED
@@ -131,6 +131,14 @@ function viewIdentification() {
131
131
  window.open('/order/agreement/identification.html?basket_type='+$('#basket_type').val()+'&delvtype='+EC$('#delvType').val());
132
132
  }
133
133
 
134
+ function viewCheckoutThirdPartyProvideAgree() {
135
+ window.open('/order/agreement/thirdparty_agreement.html?basket_type='+$('#basket_type').val()+'&delvtype='+EC$('#delvType').val());
136
+ }
137
+
138
+ function viewCheckoutOverseaTransferAgree() {
139
+ window.open('/order/agreement/overseas_agreement.html?basket_type='+$('#basket_type').val()+'&delvtype='+EC$('#delvType').val());
140
+ }
141
+
134
142
  function viewMemberJoinAgree() {
135
143
  window.open('/order/agreement/privacy_agreement.html?basket_type='+$('#basket_type').val()+'&delvtype='+EC$('#delvType').val());
136
144
  }
기본 레이아웃 레이아웃기본 레이아웃css /layout/basic/css/popup.css CHANGED
@@ -6,3 +6,4 @@
6
6
  #popup h2 { height:36px; padding:0 38px 0 7px; font-size:15px; line-height:36px; color:#fff; background:#4a5164; }
7
7
  #popup .btnClose { position:absolute; right:0; top:0; z-index:110; width:36px; height:36px; border:0; padding:0; font-size:0; text-indent:100%; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_close_white.png") center center no-repeat; background-size:14px 14px; }
8
8
  #popup .wrap { padding:14px 7px 7px; padding:7px; font-size:12px; background:#fff; }
9
+ #popup .wrap textarea { width:100%; }
약관 주문약관 /order/agreement/overseas_agreement.html ADDED
@@ -0,0 +1,24 @@
1
+ <!--@layout(/layout/basic/popup.html)-->
2
+ <div module="Order_form" class="ec-base-layer">
3
+ <!--@css(/css/module/order/informationAgreement.css)-->
4
+ <!--@js(/js/module/order/auto_resize.js)-->
5
+ <h2>개인정보 국외 이전 동의</h2>
6
+ <div class="wrap">
7
+ <textarea id="nm_terms" name="nm_terms" fw-filter="" fw-label="개인정보 국외 이전 동의" fw-msg="" maxlength="250" cols="70" readonly="1" style="height: 259px;">
8
+ 1. 개인정보를 이전받는 자의 개인정보 이용목적 : 체크아웃 프로그램 관련 주문 연동 서비스 제공
9
+ 2. 이전되는 개인정보 항목 : 체크아웃 토큰, 주문 정보(주문번호, 주문 시간, 주문 상태, 주문 조회 URL, 금액 정보), 상품 정보(품목 ID, 상품 ID, 수량, 가격), 배송 정보 (배송사, 송장번호, 배송추적 URL), 환불/교환/취소 내역
10
+ 3. 이전일시 및 이전방법 : 체크아웃 프로그램 관련 주문 연동 시 API를 통한 전송
11
+ 4. 개인정보를 이전받는 자의 개인정보 보유 및 이용 기간 : 제공되는 개인정보는 구글의 개인정보처리방침(https://policies.google.com/privacy/additional?hl=ko)에 따라 관리됩니다.
12
+ 5. 개인정보가 이전되는 국가 : 미국
13
+ 6. 개인정보를 이전받는 자의 성명(법인인 경우, 그 명칭과 정보관리책임자의 연락처) :
14
+ - 법인명 : Google LLC
15
+ - 연락처 : googlekrsupport@google.com
16
+ ※ 국외이전에 관한 동의 거부를 통하여 개인정보의 국외 이전을 거부할 수 있습니다. 다만, 국외이전에 관한 동의는 서비스 제공을 위한 필수적인 사항으로, 동의를 하셔야만 서비스 이용이 가능합니다.</textarea>
17
+ </div>
18
+ <div class="ec-base-button gFull">
19
+ <button type="button" class="btnEm" onclick="self.close();">확인</button>
20
+ </div>
21
+ </div>
22
+
23
+
24
+
약관 주문약관 /order/agreement/thirdparty_agreement.html ADDED
@@ -0,0 +1,19 @@
1
+ <!--@layout(/layout/basic/popup.html)-->
2
+ <div module="Order_form" class="ec-base-layer">
3
+ <!--@css(/css/module/order/informationAgreement.css)-->
4
+ <!--@js(/js/module/order/auto_resize.js)-->
5
+ <h2>개인정보 제3자 제공(체크아웃 프로그램) 동의</h2>
6
+ <div class="wrap">
7
+ <textarea id="nm_terms" name="nm_terms" fw-filter="" fw-label="개인정보 제3자 제공(체크아웃 프로그램) 동의" fw-msg="" maxlength="250" cols="70" readonly="1" style="height: 259px;">
8
+ 1. 개인정보 제공 목적 : 체크아웃 프로그램 관련 주문 연동 서비스 제공
9
+ 2. 제공하는 개인정보 항목 : 체크아웃 토큰, 주문 정보(주문번호, 주문 시간, 주문 상태, 주문 조회 URL, 금액 정보), 상품 정보(품목 ID, 상품 ID, 수량, 가격), 배송 정보 (배송사, 송장번호, 배송추적 URL), 환불/교환/취소 내역
10
+ 3. 제공받는 곳 : Google LLC
11
+ 4. 제공받는 자의 개인정보 보유 및 이용 기간 : 제공되는 개인정보는 구글의 개인정보처리방침(https://policies.google.com/privacy/additional?hl=ko)에 따라 관리됩니다.
12
+ ※ 해당 동의를 거부할 수 있으나, 거부 시 서비스 이용에 제한이 있을 수 있습니다.</textarea>
13
+ </div>
14
+ <div class="ec-base-button gFull">
15
+ <button type="button" class="btnEm" onclick="self.close();">확인</button>
16
+ </div>
17
+ </div>
18
+
19
+
주문서작성 주문 /order/orderform.html CHANGED
@@ -889,6 +889,19 @@
889
889
  <p>{$form.information_agreement_check_box}<label for="information_agreement_check_box0">개인정보 제3자 제공 동의 (선택)</label></p>
890
890
  <button type="button" class="btnAgree" onclick="viewInformationAgree();">내용보기</button>
891
891
  </li>
892
+
893
+ <!-- 개인정보 제3자 제공(체크아웃 프로그램) 동의 -->
894
+ <li id="ec-orderform-checkout-thirdPartyProvidetRow" class="{$checkout_third_party_providet_display|display}">
895
+ <p><input type="checkbox" id="checkout_third_party_providet_agreement_check_box0" name="checkout_third_party_providet_agreement_check_box" /><label for="checkout_third_party_providet_agreement_check_box0"><span class="">[필수] </span>개인정보 제3자 제공(체크아웃 프로그램) 동의</label></p>
896
+ <button type="button" class="btnAgree" onclick="viewCheckoutThirdPartyProvideAgree();">내용보기</button>
897
+ </li>
898
+ <!-- 개인정보 국외 이전 동의 -->
899
+ <li id="ec-orderform-checkout-overseaTransferRow" class="{$checkout_oversea_transfer_display|display}">
900
+ <p><input type="checkbox" id="checkout_oversea_transfer_agreement_check_box0" name="checkout_oversea_transfer_agreement_check_box" /><label for="checkout_oversea_transfer_agreement_check_box0"><span class="">[필수]</span> 개인정보 국외 이전 동의</label></p>
901
+ <button type="button" class="btnAgree" onclick="viewCheckoutOverseaTransferAgree();">내용보기</button>
902
+ </li>
903
+
904
+
892
905
  <!-- 개인정보취급 위탁 동의 (선택) -->
893
906
  <li class="{$consignment_agreement_display|display}" id="ec-orderform-ConsignmentAgreementRow">
894
907
  <p>{$form.consignment_agreement_check_box}<label for="consignment_agreement_check_box0">개인정보취급 위탁 동의 (선택)</label></p>

Top