style>
#form-gdpr-edit-account-request,
#form-gdpr-data-account-request,
#form-gdpr-personal-data-report-request,
#form-gdpr-delete-account-request {
affichage : aucun ;
}
Bouton #gdpr_page {
couleur d'arrière-plan : transparent ;
bordure : 0 ;
bordure inférieure : 1px noir uni ;
remplissage : 0px ;
}
/* Contexte modal */
#données-verification-background {
affichage : aucun ;
poste : fixe ;
indice z : 1 ;
rembourrage supérieur : calc(50vh - 83px) ;
gauche : 0 ;
haut : 0 ;
largeur : 100 % ;
hauteur : 100 % ;
débordement : soi ;
couleur d'arrière-plan : rvb (0,0,0) ;
couleur d'arrière-plan : rgba(0,0,0,0.4) ;
opacité : non définie ;
indice z : 9999 ;
}
/* Contenu modal */
#data-verification-modal {
couleur d'arrière-plan : #fefefe ;
marge : soi ;
remplissage : 16 px ;
bordure : 1px solide #888 ;
largeur : 38 % ;
opacité : 1 ;
}
/* Bouton de fermeture modale */
.data-verification-close {
couleur : #aaaaaa ;
flotter : à droite ;
taille de police : 28 px ;
poids de la police : gras ;
hauteur de ligne : 17 px ;
}
.data-verification-close: survol,
.data-verification-close:focus {
couleur : #000 ;
décoration de texte : aucune ;
curseur : pointeur ;
}
/* Texte de la case à cocher */
#conteneur-de-vérification-de-données p {
affichage : bloc en ligne ;
remplissage : 0 ;
marge : 0 ;
hauteur de ligne : 24 px ;
remplissage à gauche : 10 px ;
alignement vertical : haut ;
largeur : calc(100 % - 45 px) ;
}
#data-verification-container a, #data-verification-container a:hover{
décoration de texte : souligner ! important ;
couleur : #4285f4 ;
}
/* Icône de case à cocher */
#icône-de-vérification-des-données {
curseur : pointeur ;
position : relative ;
marge : soi ;
largeur : 18px ;
hauteur : 18px ;
-webkit-tap-highlight-color : transparent ;
transformer : traduire3d(0, 0, 0);
marge supérieure : 2 px ;
}
#icône-de-vérification-des-données :avant {
contenu : "" ;
position : absolue ;
haut : -7px ;
gauche : -7px ;
largeur : 32 px ;
hauteur : 32px ;
rayon de bordure : 50 % ;
arrière-plan : rgba(34,50,84,0,03) ;
opacité : 0 ;
transition : opacité 0,2s facilité ;
}
#icône de vérification des données svg {
position : relative ;
indice z : 1 ;
remplir : aucun ;
trait-linecap : rond ;
jointure de ligne de trait : rond ;
trait : #c8ccd4 ;
largeur de trait : 1,5 ;
transformer : traduire3d(0, 0, 0);
transition : toutes les 0,2 s sont faciles ;
}
# chemin svg de l'icône de vérification des données {
coup-dasharray : 60 ;
décalage-trait : 0 ;
}
# icône de vérification des données polyligne svg {
coup-dasharray : 22 ;
décalage-trait : 66 ;
}
#data-verification-icon:hover:avant {
opacité : 1 ;
}
#conteneur-de-vérification-de-données: survolez #icône-de-vérification-de-données svg {
trait : #4285f4 ;
}
#data-verification-icon.cliqué sur svg {
trait : #4285f4 ;
}
#data-verification-icon.clicked chemin svg {
décalage-trait : 60 ;
transition : toutes les 0,3 s linéaires ;
}
# data-verification-icon.clicked polyligne svg {
décalage-trait : 42 ;
transition : toutes les 0,2 s linéaires ;
délai de transition : 0,15 s ;
}
/* Chargement de l'élément */
.chargement {
affichage : aucun ;
haut : 50vh ;
à gauche : 50 vw ;
position : fixe ;
}
.loading:not(:required):après {
contenu : ' ;
affichage : bloc ;
taille de police : 10 px ;
largeur : 1em ;
hauteur : 1em ;
marge supérieure : -0,5em ;
-webkit-animation : spinner 1500ms linéaire infini ;
-moz-animation : spinner 1500 ms linéaire infini ;
-ms-animation : spinner 1500ms linéaire infini ;
-o-animation : spinner 1500ms linéaire infini ;
animation : spinner 1500 ms linéaire infini ;
rayon de bordure : 0,5 em ;
-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 ;
ombre de la boîte : 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 ;
}
#gdpr_page .list-bouton li sans style {
curseur : pointeur ;
}
.show-isense {
transition : opacité 400ms !important;
}
.hide-isense {
opacité : 0 !important;
transition : 0,4 s de relâchement ;
}
/* Changements modaux sur la résolution mobile*/
Écran @media uniquement et (largeur maximale : 600 px) {
#data-verification-modal {
largeur : 90 % ;
}
}
/* Animations */
@-webkit-keyframes spinner {
0% {
-webkit-transform : rotation (0deg );
-moz-transform : rotation (0deg);
-ms-transform : rotation (0deg);
-o-transform : rotation (0deg);
transformation : rotation (0deg);
}
100 % {
-webkit-transform : rotation (360 degrés) ;
-moz-transform : rotation (360 deg );
-ms-transform : rotation (360 degrés) ;
-o-transform : rotation (360 degrés) ;
transformation : rotation (360 degrés) ;
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform : rotation (0deg );
-moz-transform : rotation (0deg);
-ms-transform : rotation (0deg);
-o-transform : rotation (0deg);
transformation : rotation (0deg);
}
100 % {
-webkit-transform : rotation (360 degrés) ;
-moz-transform : rotation (360 deg );
-ms-transform : rotation (360 degrés) ;
-o-transform : rotation (360 degrés) ;
transformation : rotation (360 degrés) ;
}
}
@-o-images clés spinner {
0% {
-webkit-transform : rotation (0deg );
-moz-transform : rotation (0deg);
-ms-transform : rotation (0deg);
-o-transform : rotation (0deg);
transformation : rotation (0deg);
}
100 % {
-webkit-transform : rotation (360 degrés) ;
-moz-transform : rotation (360 deg );
-ms-transform : rotation (360 degrés) ;
-o-transform : rotation (360 degrés) ;
transformation : rotation (360 degrés) ;
}
}
@keyframes spinner {
0% {
-webkit-transform : rotation (0deg );
-moz-transform : rotation (0deg);
-ms-transform : rotation (0deg);
-o-transform : rotation (0deg);
transformation : rotation (0deg);
}
100 % {
-webkit-transform : rotation (360 degrés) ;
-moz-transform : rotation (360 deg );
-ms-transform : rotation (360 degrés) ;
-o-transform : rotation (360 degrés) ;
transformation : rotation (360 degrés) ;
}
}/style>
L'application utilisée pour assurer la conformité RGPD/CCPA/APPI de ce site, collecte votre IP et votre adresse e-mail afin de traiter les données. Pour en savoir plus, consultez la
Politique de confidentialité et conditions d'utilisation
Rectification des données
Vous pouvez utiliser le lien ci-dessous pour mettre à jour les données de votre compte si elles ne sont pas exactes.
ul class="list-unstyled">
Modifier les informations de votre compte
/ul>
Entrez votre email pour confirmer votre identité
Portabilité des données
Vous pouvez utiliser les liens ci-dessous pour télécharger toutes les données que nous stockons et utilisons pour une meilleure expérience dans notre boutique.
ul class="list-unstyled">
Demandes RGPD
Informations personnelles Commandes
/ul>
Entrez votre email pour confirmer votre identité
Accès aux données personnelles
Vous pouvez utiliser le lien ci-dessous pour demander un rapport qui contiendra toutes les informations personnelles que nous stockons pour vous.
ul class="list-unstyled">
Demander un rapport
/ul>
Entrez votre email pour confirmer votre identité
Droit à l'oubli Utilisez cette option si vous souhaitez supprimer vos données personnelles et autres de notre boutique. Gardez à l'esprit que ce processus supprimera votre compte, vous ne pourrez donc plus y accéder ni l'utiliser .
ul class="list-unstyled">
Demander la suppression des données personnelles
/ul>
Entrez votre email pour confirmer votre identité
/div>scénario>
/* GLISSER VERS LE HAUT */
let slideUp = (cible, durée = 500) => {
target.style.transitionProperty = 'hauteur, marge, remplissage';
target.style.transitionDuration = durée + 'ms' ;
target.style.boxSizing = 'border-box';
target.style.height = target.offsetHeight + 'px';
cible.offsetHeight;
target.style.overflow = 'caché';
cible.style.hauteur = 0;
cible.style.paddingTop = 0;
cible.style.paddingBottom = 0;
cible.style.marginTop = 0;
cible.style.marginBottom = 0;
window.setTimeout( () => {
target.style.display = 'aucun';
target.style.removeProperty('hauteur');
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');
}, durée);
}
/* GLISSER VERS LE BAS */
let slideDown = (cible, durée = 500) => {
setTimeout(fonction(){
target.style.removeProperty('display');
laissez display = window.getComputedStyle(target).display;
if (display === 'aucun') display = 'block';
target.style.display = affichage ;
laissez la hauteur = target.offsetHeight;
target.style.overflow = 'caché';
cible.style.hauteur = 0;
cible.style.paddingTop = 0;
cible.style.paddingBottom = 0;
cible.style.marginTop = 0;
cible.style.marginBottom = 0;
cible.offsetHeight;
target.style.boxSizing = 'border-box';
target.style.transitionProperty = "hauteur, marge, remplissage";
target.style.transitionDuration = durée + 'ms' ;
target.style.height = hauteur + '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('hauteur');
target.style.removeProperty('overflow');
target.style.removeProperty('transition-duration');
target.style.removeProperty('transition-property');
}, durée);
}, 100)
}
/* TOOGLE */
var slideToggle = (cible, durée = 500) => {
if (window.getComputedStyle(target).display === 'aucun') {
return slideDown (cible, durée);
} autre {
return slideUp (cible, durée);
}
}
/* FONDU */
var toggleFadeiSense = (elem, show) => {
si (afficher) {
elem.style.display = "bloquer" ;
setTimeout(fonction(){
elem.classList.add('show-isense');
elem.classList.remove('hide-isense');
},20)
} autre {
elem.classList.remove('show-isense');
elem.classList.add('hide-isense');
setTimeout(() => {
elem.style.display = 'aucun';
}, 400)
}
}
var gdprSlideUpAll = fonction() {
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 bouton').setAttribute("aria-expanded", "false");
} ;
var email, type, consentementGiven = false ;
var vérificationModalContent = '
× /div>/div>';
var gdprSendRequest = fonction (rappel) {
récupérer('https://www.cloudflare.com/cdn-cgi/trace', {
méthode : 'GET' ,
en-têtes : {
'Type de contenu' : 'texte/plain',
},
})
.then(resp => resp.text())
.puis(resp => {
si (!resp.erreur) {
laissez ipInfo = resp;
laissez formData = new FormData();
formData.append('boutique', Shopify.shop);
formData.append('email', email);
formData.append('type', type);
formData.append('sourceOfRequest', 1);
formData.append('ipAddress', ipInfo);
formData.append('consentGiven', consentementGiven);
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', {
méthode : 'POST',
corps : formData
})
.then(resp => resp.json())
.puis(resp => {
si (!resp.erreur) {
gdprSlideUpAll();
si (resp.message.longueur) {
alert(resp.message);
} autre {
alert('Votre demande a été soumise avec succès.Veuillez vérifier votre courrier électronique pour plus d'informations.');
}
} autre {
alert(resp.message);
}
if (type de rappel == 'fonction') {
rappel (resp);
}
})
.catch(erreur => {
alert(erreur.message);
})
}
sinon {
alert(resp.message);
}
})
}
//Ajouter un modal au corps, car sinon il ne restera pas centré (même si la position est fixe)
document.querySelector("body").insertAdjacentHTML( 'avant-fin', vérificationModalContent);
document.addEventListener("DOMContentLoaded", function() {
// Lorsque l'utilisateur clique surspan> (x), fermez le 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();
// Détecte le clic d'un href, car il est écrasé.if(e.target.tagName === "A") {
window.open(e.target.href, '_blank');
retour;
}
document.querySelector('#data-verification-icon').classList.add("cliqué");
setTimeout(()=>{
toggleFadeiSense(document.querySelector("#data-verification-modal"), false);
document.querySelector('#data-verification-background .loading').style.display = 'inline-block';
consentementGiven = vrai ;
gdprSendRequest(fonction(resp) {
consentementGiven = faux ;
closeVerificationModal();
});
}, 400);
});
});
fonction openVerificationModal(){
toggleFadeiSense(document.querySelector("#data-verification-modal"), true);
toggleFadeiSense(document.querySelector('#data-verification-background'), true);
}
fonction closeVerificationModal(){
toggleFadeiSense(document.querySelector("#data-verification-background"), false);
document.querySelector('#data-verification-icon').classList.remove("cliqué");
document.querySelector('#data-verification-background .loading').style.display = 'none';
}
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 = 'client/modifier';
openVerificationModal();
});
document.querySelectorAll('#btn-gdpr-requests-request, #btn-gdpr-personal-information-request, #btn-gdpr-orders-request').forEach(element => {
element.addEventListener('clic', function(e) {
e.preventDefault();
gdprSlideUpAll();
tapez = '';
switch(this.getAttribute('id')) {
cas 'btn-gdpr-requests-request' :
type = 'client/demandes';
pause;
cas 'btn-gdpr-personal-information-request' :
type = 'client/info_personnel';
pause;
cas 'btn-gdpr-orders-request' :
type = 'client/commandes' ;
pause;
}
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 = 'client/rapport';
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 = 'client/supprimer' ;
openVerificationModal();
});/script>