GDPR 준수
<스타일>
#form-gdpr-편집-계정-요청,
#form-gdpr-데이터-계정-요청,
#form-gdpr-개인-데이터-보고서-요청,
#form-gdpr-delete-account-request {
디스플레이: 없음;
}
/* 모달 배경 */
#데이터 검증-배경 {
디스플레이: 없음;
위치: 고정;
Z-색인: 1;
패딩 상단: calc(50vh - 83px);
왼쪽: 0;
상단: 0;
너비: 100%;
높이: 100%;
오버플로: 자동;
배경색: rgb(0,0,0);
배경색: rgba(0,0,0,0.4);
불투명도: 설정되지 않음;
Z-색인: 9999;
}
/* 모달 콘텐츠 */
#데이터 검증-모달 {
배경색: #fefefe;
여백: 자동;
패딩: 16px;
테두리: 1px 실선 #888;
너비: 38%;
}
/* 모달 닫기 버튼 */
.데이터 검증-닫기 {
색상: #aaaaaa;
플로트: 오른쪽;
글꼴 크기: 28px;
글꼴 두께: 굵게;
줄 높이: 17px;
}
.data-verification-close:hover,
.data-verification-close:focus {
색상: #000;
텍스트 장식: 없음;
커서: 포인터;
}
/* 체크박스 텍스트 */
#데이터 검증-컨테이너 p{
디스플레이: 인라인 블록;
왼쪽 패딩: 5px;
수직 정렬: 상단;
너비: 계산(100% - 45px);
커서: 포인터;
}
#데이터 검증-컨테이너 a, #데이터 검증-컨테이너 a:hover{
색상: #4285f4;
텍스트 장식: 밑줄!중요;
}
/* 체크박스 아이콘 */
#데이터 검증-아이콘 {
커서: 포인터;
위치: 상대;
여백: 자동;
너비: 18px;
높이: 18px;
-webkit-tap-highlight-color: 투명;
변환: 번역3d(0, 0, 0);
여백 상단: 2px;
}
#데이터 검증 아이콘:이전 {
콘텐츠: "";
위치: 절대;
상단: -7px;
왼쪽: -7px;
너비: 32px;
높이: 32px;
테두리 반경: 50%;
배경: rgba(34,50,84,0.03);
불투명도: 0;
전환: 불투명도 0.2초 용이성;
}
#데이터 검증 아이콘 svg {
위치: 상대;
Z-색인: 1;
채우기: 없음;
스트로크 라인 캡: 원형;
스트로크 라인 조인: 라운드;
스트로크: #c8ccd4;
획 너비: 1.5;
변환: 번역3d(0, 0, 0);
전환: 모두 0.2초 용이성;
}
#데이터 검증 아이콘 svg 경로 {
스트로크-다샤레이: 60;
스트로크 대시 오프셋: 0;
}
#데이터 검증 아이콘 svg 폴리라인 {
스트로크-다샤레이: 22;
스트로크 대시 오프셋: 66;
}
#data-verification-icon:hover:이전 {
불투명도: 1;
}
#데이터 검증 컨테이너:호버 #데이터 검증 아이콘 svg {
스트로크: #4285f4;
}
#데이터 검증-아이콘.클릭 svg {
스트로크: #4285f4;
}
#data-verification-icon.clicked svg 경로 {
스트로크 대시 오프셋: 60;
전환: 모두 0.3초 선형;
}
#data-verification-icon.clicked svg 폴리라인 {
스트로크 대시 오프셋: 42;
전환: 모두 0.2초 선형;
전환 지연: 0.15초;
}
/* 요소 로딩 */
.로드 중 {
디스플레이: 없음;
상단:50vh;
왼쪽:50vw;
위치:고정;
}
.loading:not(:required):after {
콘텐츠: '';
디스플레이: 블록;
글꼴 크기: 10px;
너비: 1em;
높이: 1em;
여백 상단: -0.5em;
-webkit-animation: 스피너 1500ms 무한 선형;
-moz-animation: 스피너 1500ms 무한 선형;
-ms-애니메이션: 스피너 1500ms 무한 선형;
-o-애니메이션: 스피너 1500ms 무한 선형;
애니메이션: 스피너 1500ms 무한 선형;
국경 반경: 0.5em;
-webkit-box-shadow: rgba(255,255,255, 1) 1.5em 0 0 0, rgba(255,255,255, 1) 1.1em 1.1em 0 0, rgba(255,255,255, 1) 0 1.5em 0 0, rgba(255,255,255, 1) -1.1em 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba (255,255,255, 1) 1.1em -1.1em 0 0;
Box -Shadow : RGBA (255,255,255, 1) 1.5EM 0 0 0, RGBA (255,255,255, 1) 1.1em 1.1em 0, RGBA (255,255,255, 1) 0 1.5em 0, RGBA (255,255,255, 1) -1M.1EM. 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba(255,255,255, 1) 1.1em -1.1em 0 0;
}
/* 모바일 해상도의 모달 변경*/
@media 전용 화면 및 (최대 너비: 600px) {
#데이터 검증-모달 {
너비: 90%;
}
}
/* 애니메이션 */
@-webkit-keyframes 스피너 {
0% {
-웹킷 변환: 회전(0deg);
-moz-변환: 회전(0deg);
-ms-변환: 회전(0deg);
-o-변환: 회전(0deg);
변환: 회전(0deg);
}
100% {
-웹킷 변환: 회전(360deg);
-moz-변환: 회전(360deg);
-ms-변환: 회전(360deg);
-o-변환: 회전(360deg);
변환: 회전(360deg);
}
}
@-moz-keyframes 스피너 {
0% {
-웹킷 변환: 회전(0deg);
-moz-변환: 회전(0deg);
-ms-변환: 회전(0deg);
-o-변환: 회전(0deg);
변환: 회전(0deg);
}
100% {
-웹킷 변환: 회전(360deg);
-moz-변환: 회전(360deg);
-ms-변환: 회전(360deg);
-o-변환: 회전(360deg);
변환: 회전(360deg);
}
}
@-o-keyframes 스피너 {
0% {
-웹킷 변환: 회전(0deg);
-moz-변환: 회전(0deg);
-ms-변환: 회전(0deg);
-o-변환: 회전(0deg);
변환: 회전(0deg);
}
100% {
-웹킷 변환: 회전(360deg);
-moz-변환: 회전(360deg);
-ms-변환: 회전(360deg);
-o-변환: 회전(360deg);
변환: 회전(360deg);
}
}
@keyframes 스피너 {
0% {
-웹킷 변환: 회전(0deg);
-moz-변환: 회전(0deg);
-ms-변환: 회전(0deg);
-o-변환: 회전(0deg);
변환: 회전(0deg);
}
100% {
-웹킷 변환: 회전(360deg);
-moz-변환: 회전(360deg);
-ms-변환: 회전(360deg);
-o-변환: 회전(360deg);
변환: 회전(360deg);
}
}
<스크립트>
var gdprSlideUpAll = 함수() {
$('#form-gdpr-edit-account-request').slideUp(100);
$('#form-gdpr-data-account-request').slideUp(100);
$('#form-gdpr-개인-데이터-보고서-요청').slideUp(100);
$('#form-gdpr-delete-account-request').slideUp(100);
};
var 이메일, 유형, 동의Given = false;
var verifyModalContent = '
데이터 수정
계정 데이터가 정확하지 않은 경우 아래 링크를 사용하여 업데이트할 수 있습니다.
<양식>
데이터 이동성
아래 링크를 사용하여 우리 매장에서 더 나은 경험을 위해 저장하고 사용하는 모든 데이터를 다운로드할 수 있습니다.
<양식>
개인 데이터에 대한 접근
아래 링크를 사용하여 당사가 귀하를 위해 저장하는 모든 개인 정보가 포함된 보고서를 요청할 수 있습니다.
<양식>
잊혀질 권리
저희 스토어에서 개인 및 기타 데이터를 삭제하려면 이 옵션을 사용하세요. 이 과정을 거치면 계정이 삭제되므로 더 이상 계정에 액세스하거나 사용할 수 없게 됩니다.
<양식>
×
< /div>';
var gdprSendRequest = function(콜백) {
$.아약스({
URL: 'https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest',
메소드: 'POST',
데이터: {
상점: Shopify.shop,
이메일: 이메일,
유형: 유형,
동의 제공: 동의 제공,
언어: Shopify.locale ? Shopify.locale: '',
gtranslateLang: isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''
},
성공: 함수(resp) {
if (!resp.error) {
gdprSlideUpAll();
Alert('귀하의 요청이 성공적으로 제출되었습니다. 자세한 내용은 이메일을 확인하세요.');
} 또 다른 {
경고(resp.message);
}
if (콜백 유형 == '함수') {
콜백(resp);
}
}
});
};
$(문서).ready(함수() {
//몸에 모달을 추가합니다. 그렇지 않으면 중앙에 유지되지 않기 때문입니다(위치가 고정된 경우에도).
$("body").append(verificationModalContent);
// 사용자가 (x)을 클릭하면 모달을 닫습니다.
$('.data-verification-close:first').on('클릭', function(e) {
e.preventDefault();
closeVerificationModal();
});
$('#data-verification-icon, #data-verification-container p').on('클릭', function(e) {
e.preventDefault();
// 덮어쓰기 때문에 href의 클릭을 감지합니다.
if($(e.target).is("a")) {
window.open(e.target.href, '_blank');
반품;
}
$('#data-verification-icon').addClass("clicked");
setTimeout(()=>{
$("#데이터 검증-모달").fadeOut();
$('#data-verification-Background .loading').css('display', 'inline-block');
동의 제공 = true;
gdprSendRequest(함수(resp) {
동의 제공 = 거짓;
closeVerificationModal();
});
}, 400);
});
});
함수 openVerificationModal(){
$("#data-verification-modal").css("디스플레이", "차단")
$('#data-verification-Background').css("표시", "차단");
}
함수 closeVerificationModal(){
$('#데이터 검증-배경').fadeOut();
$('#data-verification-icon').removeClass("clicked");
$('#data-verification-Background .loading').css('display', 'none');
}
$('#btn-gdpr-edit-account-request').on('클릭', function(e) {
e.preventDefault();
gdprSlideUpAll();
$('#form-gdpr-edit-account-request').slideDown(200);
});
$('#form-gdpr-edit-account-request 양식 입력[type=submit]').on('클릭', function(e) {
e.preventDefault();
email = $('#form-gdpr-edit-account-request 양식 입력[name=email]').val();
유형 = '고객/수정';
openVerificationModal();
});
$('#btn-gdpr-requests-request, #btn-gdpr-personal-information-request, #btn-gdpr-orders-request').on('클릭', function(e) {
e.preventDefault();
gdprSlideUpAll();
유형 = '';
스위치($(this).attr('id')) {
사례 'btn-gdpr-requests-request':
유형 = '고객/요청';
부서지다;
사례 'btn-gdpr-개인 정보-요청':
유형 = '고객/개인_정보';
부서지다;
사례 'btn-gdpr-orders-request':
유형 = '고객/주문';
부서지다;
}
$('#form-gdpr-data-account-request 양식 입력[name="request_type"]').val(type);
$('#form-gdpr-data-account-request').slideDown(200);
});
$('#form-gdpr-data-account-요청 양식 입력[type=submit]').on('클릭', function(e) {
e.preventDefault();
email = $('#form-gdpr-data-account-request 양식 입력[name=email]').val();
유형 = $('#form-gdpr-data-account-request 양식 입력[name="request_type"]').val();
openVerificationModal();
});
$('#btn-gdpr-개인-데이터-보고서-요청').on('클릭', function(e) {
e.preventDefault();
gdprSlideUpAll();
$('#form-gdpr-개인-데이터-보고서-요청').slideDown(200);
});
$('#form-gdpr-personal-data-report-요청 양식 입력[type=submit]').on('클릭', function(e) {
e.preventDefault();
email = $('#form-gdpr-personal-data-report-요청 양식 입력[name=email]').val();
유형 = '고객/보고서';
openVerificationModal();
});
$('#btn-gdpr-delete-account-request').on('클릭', function(e) {
e.preventDefault();
gdprSlideUpAll();
$('#form-gdpr-delete-account-request').slideDown(200);
});
$('#form-gdpr-delete-account-request 양식 입력[type=submit]').on('click', function(e) {
e.preventDefault();
email = $('#form-gdpr-delete-account-request 양식 입력[name=email]').val();
유형 = '고객/삭제';
openVerificationModal();
});
나는 이 요청을 처리할 목적으로 내 이메일과 IP 주소를 수집하는 데 동의합니다. 자세한 내용은 개인정보처리방침을 확인하세요.