Συμμόρφωση GDPR
<στυλ>
#form-gdpr-edit-account-request,
#form-gdpr-data-account-request,
#form-gdpr-personal-data-report-request,
#form-gdpr-delete-account-request {
οθόνη: καμία;
}
#gdpr_page button {
Χρώμα φόντου: διαφανές.
περίγραμμα: 0;
περίγραμμα-κάτω: 1px συμπαγές μαύρο;
padding: 0px;
}
/* Modal background */
#data-verification-background {
οθόνη: καμία;
θέση: σταθερή;
z-index: 1;
padding-top: calc(50vh - 83px);
αριστερά: 0;
κορυφή: 0;
πλάτος: 100%;
ύψος: 100%;
υπερχείλιση: αυτόματη;
χρώμα φόντου: rgb(0,0,0);
χρώμα φόντου: rgba(0,0,0,0.4);
αδιαφάνεια: unset;
z-index: 9999;
}
/* Τροπικό περιεχόμενο */
#data-verification-modal {
φόντο-χρώμα: #fefefe;
περιθώριο: αυτόματο;
padding: 16px;
περίγραμμα: 1px στερεό #888;
πλάτος: 38%;
αδιαφάνεια: 1;
}
/* Κουμπί Modal Close */
.data-verification-close {
χρώμα: #aaaaaa;
float: δεξιά;
μέγεθος γραμματοσειράς: 28 px;
βάρος γραμματοσειράς: έντονη;
Ύψος γραμμής: 17 px;
}
.data-verification-close:hover,
.data-verification-close:focus {
χρώμα: #000;
κείμενο-διακόσμηση: κανένα;
δρομέας: δείκτης;
}
/* Κείμενο πλαισίου ελέγχου */
#data-verification-container p {
οθόνη: inline-block;
padding: 0;
περιθώριο: 0;
Ύψος γραμμής: 24 px;
padding-αριστερά: 10px;
κατακόρυφη ευθυγράμμιση: επάνω;
πλάτος: υπολογισμός (100% - 45 px);
}
#data-verification-container a, #data-verification-container a:hover{
κείμενο-διακόσμηση: υπογράμμιση!σημαντικό;
χρώμα: #4285f4;
}
/* Εικονίδιο πλαισίου ελέγχου */
#data-verification-icon {
δρομέας: δείκτης;
θέση: σχετική;
περιθώριο: αυτόματο;
πλάτος: 18 px;
ύψος: 18 px;
-webkit-tap-highlight-color: διαφανές.
transform: translate3d(0, 0, 0);
margin-top: 2px;
}
#data-verification-icon:before {
περιεχόμενο: "";
θέση: απόλυτη;
κορυφή: -7 px;
αριστερά: -7 px;
πλάτος: 32 px;
ύψος: 32px;
ακτίνα συνόρων: 50%;
φόντο: rgba(34,50,84,0.03);
αδιαφάνεια: 0;
μετάβαση: αδιαφάνεια 0,2 δευτ. ευκολία.
}
#data-verification-icon svg {
θέση: σχετική;
z-index: 1;
γέμισμα: κανένας;
stroke-linecap: στρογγυλό;
stroke-linejoin: στρογγυλό;
εγκεφαλικό επεισόδιο: #c8ccd4;
πλάτος διαδρομής: 1,5;
transform: translate3d(0, 0, 0);
μετάβαση: όλα τα 0,2s ευκολία?
}
#data-verification-icon διαδρομή svg {
stroke-dasharray: 60;
stroke-dashoffset: 0;
}
#data-verification-icon svg polyline {
stroke-dasharray: 22;
stroke-dashoffset: 66;
}
#data-verification-icon:hover:before {
αδιαφάνεια: 1;
}
#data-verification-container:hover #data-verification-icon svg {
εγκεφαλικό επεισόδιο: #4285f4;
}
#data-verification-icon.clicked svg {
εγκεφαλικό επεισόδιο: #4285f4;
}
#data-verification-icon.clicked svg path {
stroke-dashoffset: 60;
μετάβαση: όλα τα 0,3 s γραμμικά.
}
#data-verification-icon.clicked svg polyline {
stroke-dashoffset: 42;
μετάβαση: όλα τα 0,2 s γραμμικά.
μετάβαση-καθυστέρηση: 0,15s;
}
/* Φόρτωση στοιχείου */
.φόρτωση {
οθόνη: καμία;
κορυφή: 50vh;
αριστερά:50vw;
θέση: σταθερή;
}
.loading:not(:required):after {
περιεχόμενο: '';
οθόνη: μπλοκ;
μέγεθος γραμματοσειράς: 10px;
πλάτος: 1em;
ύψος: 1em;
margin-top: -0,5em;
-webkit-animation: spinner 1500ms άπειρη γραμμική.
-moz-animation: spinner 1500ms άπειρο γραμμικό.
-ms-animation: spinner 1500ms άπειρο γραμμικό.
-o-animation: spinner 1500ms άπειρο γραμμικό.
animation: spinner 1500ms infinite linear?
ακτίνα συνόρων: 0,5 εκ.
-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,5,50 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,250,250, 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 0, rgba(255,255,255, 1) 0 1,51,5 , 0 1,5,5 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, 155,25,25, 15,25,25, 15,25,00 1) 1.1em -1.1em 0 0;
}
#gdpr_page .list-unstyled li button {
δρομέας: δείκτης;
}
.show-isense {
μετάβαση: αδιαφάνεια 400ms !σημαντικό;
}
.hide-isense {
αδιαφάνεια: 0 !σημαντικό;
μετάβαση: 0,4s ease-out;
}
/* Τροπικές αλλαγές στην ανάλυση κινητού*/
οθόνη @media μόνο και (μέγιστο πλάτος: 600 pixel) {
#data-verification-modal {
πλάτος: 90%;
}
}
/* Κινούμενα σχέδια */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate (360deg);
μετασχηματισμός: περιστροφή (360 μοίρες);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate (360deg);
μετασχηματισμός: περιστροφή (360 μοίρες);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate (360deg);
μετασχηματισμός: περιστροφή (360 μοίρες);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate (360deg);
μετασχηματισμός: περιστροφή (360 μοίρες);
}
}
<σενάριο>
/* SLIDE UP */
ας slideUp = (στόχος, διάρκεια=500) => {
target.style.transitionProperty = 'ύψος, περιθώριο, επένδυση';
target.style.transitionDuration = διάρκεια + 'ms';
target.style.boxSizing = 'border-box';
target.style.height = target.offsetΎψος + 'px';
target.offsetΎψος;
target.style.overflow = 'κρυφό';
target.style.height = 0;
target.style.paddingTop = 0;
target.style.paddingBottom = 0;
target.style.marginTop = 0;
target.style.marginBottom = 0;
window.setTimeout( () => {
target.style.display = 'κανένα';
target.style.removeProperty('ύψος');
target.style.removeProperty('padding-top');
target.style.removeProperty('padding-bottom');
target.style.removeProperty('margin-top');
target.style.removeProperty('margin-bottom');
target.style.removeProperty('overflow');
target.style.removeProperty('transition-duration');
target.style.removeProperty('transition-property');
}, διάρκεια);
}
/* SLIDE DOWN */
ας slideDown = (στόχος, διάρκεια=500) => {
setTimeout(function(){
target.style.removeProperty('display');
Αφήστε εμφάνιση = window.getComputedStyle(target).display;
if (display === 'none') display = 'block';
target.style.display = εμφάνιση;
ας ύψος = target.offsetΎψος;
target.style.overflow = 'κρυφό';
target.style.height = 0;
target.style.paddingTop = 0;
target.style.paddingBottom = 0;
target.style.marginTop = 0;
target.style.marginBottom = 0;
target.offsetΎψος;
target.style.boxSizing = 'border-box';
target.style.transitionProperty = "ύψος, περιθώριο, επένδυση";
target.style.transitionDuration = διάρκεια + 'ms';
target.style.height = ύψος + 'px';
target.style.removeProperty('padding-top');
target.style.removeProperty('padding-bottom');
target.style.removeProperty('margin-top');
target.style.removeProperty('margin-bottom');
window.setTimeout( () => {
target.style.removeProperty('ύψος');
target.style.removeProperty('overflow');
target.style.removeProperty('transition-duration');
target.style.removeProperty('transition-property');
}, διάρκεια);
}, 100)
}
/* TOOGLE */
var slideToggle = (στόχος, διάρκεια = 500) => {
if (window.getComputedStyle(target).display === 'κανένα') {
επιστροφή slideDown(στόχος, διάρκεια)·
} αλλο {
επιστροφή slideUp(στόχος, διάρκεια);
}
}
/* ΞΑΘΑΝΙΣΗ */
var toggleFadeiSense = (elem, εμφάνιση) => {
αν (εμφάνιση) {
elem.style.display = "μπλοκ";
setTimeout(function(){
elem.classList.add('show-isense');
elem.classList.remove('hide-isense');
},20)
} αλλο {
elem.classList.remove('show-isense');
elem.classList.add('hide-isense');
setTimeout(() => {
elem.style.display = 'κανένα';
}, 400)
}
}
var gdprSlideUpAll = function() {
slideUp(document.querySelector('#form-gdpr-edit-account-request'), 100);
slideUp(document.querySelector('#form-gdpr-data-account-request'), 100);
slideUp(document.querySelector('#form-gdpr-personal-data-report-request'), 100);
slideUp(document.querySelector('#form-gdpr-delete-account-request'), 100);
document.querySelector('#gdpr_page button').setAttribute("aria-expanded", "false");
};
var email, type, consentGiven = false;
var verificationModalContent = '
Η εφαρμογή που χρησιμοποιείται για τη διασφάλιση της συμμόρφωσης με το GDPR/CCPA/APPI/PIPEDA αυτού του ιστότοπου, συλλέγει την IP σας και τη διεύθυνση email προκειμένου να επεξεργαστεί τα δεδομένα. Για περισσότερα, ελέγξτε την Πολιτική απορρήτου & Όροι Παροχής Υπηρεσιών
Διόρθωση δεδομένων
Μπορείτε να χρησιμοποιήσετε τον παρακάτω σύνδεσμο για να ενημερώσετε τα δεδομένα του λογαριασμού σας εάν δεν είναι ακριβή.
<φόρμα>
Φορητότητα δεδομένων
Μπορείτε να χρησιμοποιήσετε τους παρακάτω συνδέσμους για να πραγματοποιήσετε λήψη όλων των δεδομένων που αποθηκεύουμε και χρησιμοποιούμε για μια καλύτερη εμπειρία στο κατάστημά μας.
<φόρμα>
Πρόσβαση σε Προσωπικά Δεδομένα
Μπορείτε να χρησιμοποιήσετε τον παρακάτω σύνδεσμο για να ζητήσετε μια αναφορά που θα περιέχει όλα τα προσωπικά στοιχεία που αποθηκεύουμε για εσάς.
<φόρμα>
Δικαίωμα στη λήθη
Χρησιμοποιήστε αυτήν την επιλογή εάν θέλετε να αφαιρέσετε τα προσωπικά και άλλα δεδομένα σας από το κατάστημά μας. Λάβετε υπόψη ότι αυτή η διαδικασία θα διαγράψει τον λογαριασμό σας, επομένως δεν θα μπορείτε πλέον να έχετε πρόσβαση ή να τον χρησιμοποιήσετε πια.
<φόρμα>
×<. /div>
';
var gdprSendRequest = συνάρτηση(ανάκληση) {
fetch('https://www.cloudflare.com/cdn-cgi/trace', {
μέθοδος: 'GET',
κεφαλίδες: {
'Τύπος περιεχομένου': 'κείμενο/απλό',
},
})
.then(resp => resp.text())
.then(resp => {
αν (!resp.error) {
ας ipInfo = resp;
ας formData = new FormData();
formData.append('shop', Shopify.shop);
formData.append('email', email);
formData.append('type', type);
formData.append('sourceOfRequest', 1);
formData.append('ipAddress', ipInfo);
formData.append('consentGiven', consentGiven);
formData.append('page', 'gdpr');
formData.append('lang', Shopify.locale ? Shopify.locale : '');
formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : '');
fetch('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', {
μέθοδος: 'POST',
σώμα: formData
})
.then(resp => resp.json())
.then(resp => {
αν (!resp.error) {
gdprSlideUpAll();
if (resp.message.length) {
alert(resp.message);
} αλλο {
alert('Το αίτημά σας υποβλήθηκε με επιτυχία. Ελέγξτε το email σας για περισσότερες πληροφορίες.');
}
} αλλο {
alert(resp.message);
}
εάν (τύπος επανάκλησης == 'λειτουργία') {
επανάκληση (resp);
}
})
.catch(error => {
alert(error.message);
})
}
άλλο {
alert(resp.message);
}
})
}
//Προσθήκη modal στο σώμα, γιατί διαφορετικά δεν θα παραμείνει στο κέντρο (ακόμα και αν η θέση είναι σταθερή)
document.querySelector("body").insertAdjacentHTML( 'beforeend', verificationModalContent);
document.addEventListener("DOMContentLoaded", function() {
// Όταν ο χρήστης κάνει κλικ στο (x), κλείστε το modal
document.querySelector('.data-verification-close').addEventListener('click', function(e) {
e.preventDefault();
closeVerificationModal();
});
document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) {
e.preventDefault();
// Εντοπίστε το κλικ ενός href, επειδή έχει αντικατασταθεί.
if(e.target.tagName === "A") {
window.open(e.target.href, '_blank');
απόδοση;
}
document.querySelector('#data-verification-icon').classList.add("κλικ");
setTimeout(()=>{
toggleFadeiSense(document.querySelector("#data-verification-modal"), false);
document.querySelector('#data-verification-background .loading').style.display = 'inline-block';
συναίνεσηΔεδομένη = αληθής;
gdprSendRequest(function(resp) {
consentGiven = ψευδής;
closeVerificationModal();
});
}, 400);
});
});
συνάρτηση openVerificationModal(){
toggleFadeiSense(document.querySelector("#data-verification-modal"), true);
toggleFadeiSense(document.querySelector('#data-verification-background'), true);
}
συνάρτηση closeVerificationModal(){
toggleFadeiSense(document.querySelector("#data-verification-background"), false);
document.querySelector('#data-verification-icon').classList.remove("κλικ");
document.querySelector('#data-verification-background .loading').style.display = 'κανένα';
}
document.querySelector('#btn-gdpr-edit-account-request').addEventListener('click', function(e) {
e.preventDefault();
gdprSlideUpAll();
slideDown(document.querySelector('#form-gdpr-edit-account-request'), 200);
this.setAttribute("aria-expanded", "true");
});
document.querySelector('#form-gdpr-edit-account-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-gdpr-edit-account-request-email').value;
type = 'πελάτης/επεξεργασία';
openVerificationModal();
});
document.querySelectorAll('#btn-gdpr-requests-request, #btn-gdpr-personal-information-request, #btn-gdpr-orders-request').forEach(element => {
element.addEventListener('click', function(e) {
e.preventDefault();
gdprSlideUpAll();
τύπος = '';
switch(this.getAttribute('id')) {
περίπτωση 'btn-gdpr-requests-request':
type = 'πελάτης/αιτήματα';
διακοπή;
περίπτωση 'btn-gdpr-personal-information-request':
type = 'πελάτης/προσωπικές_πληροφορίες';
διακοπή;
περίπτωση 'btn-gdpr-orders-request':
type = 'πελάτης/παραγγελίες';
διακοπή;
}
document.querySelector('#form-gdpr-data-account-request-request-type').value = type;
slideDown(document.querySelector('#form-gdpr-data-account-request'), 200);
this.setAttribute("aria-expanded", "true");
})
});
document.querySelector('#form-gdpr-data-account-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-gdpr-data-account-request-email').value;
type = document.querySelector('#form-gdpr-data-account-request-request-type').value;
openVerificationModal();
});
document.querySelector('#btn-gdpr-personal-data-report-request').addEventListener('click', function(e) {
e.preventDefault();
gdprSlideUpAll();
slideDown(document.querySelector('#form-gdpr-personal-data-report-request'), 200);
this.setAttribute("aria-expanded", "true");
});
document.querySelector('#form-gdpr-personal-data-report-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-gdpr-personal-data-report-request-email').value;
type = 'πελάτης/αναφορά';
openVerificationModal();
});
document.querySelector('#btn-gdpr-delete-account-request').addEventListener('click', function(e) {
e.preventDefault();
gdprSlideUpAll();
slideDown(document.querySelector('#form-gdpr-delete-account-request'), 200);
this.setAttribute("aria-expanded", "true");
});
document.querySelector('#form-gdpr-delete-account-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-gdpr-delete-account-request-email').value;
type = 'πελάτης/διαγραφή';
openVerificationModal();
});
Δίνω τη συγκατάθεσή μου για τη συλλογή του email και της διεύθυνσης IP μου για τους σκοπούς της επεξεργασίας αυτού του αιτήματος. Για περισσότερα, ανατρέξτε στην Πολιτική απορρήτου και τους Όρους Παροχής Υπηρεσιών.
- Ο ορισμός μιας επιλογής έχει ως αποτέλεσμα την πλήρη ανανέωση της σελίδας.
- Ανοίγει σε νέο παράθυρο.