<スタイル>
#form-ccpa-edit-account-request、
#form-ccpa-data-account-request、
#form-ccpa-personal-data-report-request、
#form-ccpa-delete-account-request、
#form-ccpa-do-not-sell-request {
表示:なし;
}
#ccpa_pageボタン{
背景色:透明;
ボーダー:0;
border-bottom:1pxソリッドブラック;
パディング:0px;
}
/ *モーダル背景* /
#data-verification-background {
表示:なし;
位置:固定;
z-index:1;
パディングトップ:calc(50vh-83px);
左:0;
上:0;
幅:100%;
高さ:100%;
オーバーフロー:自動;
背景色:rgb(0,0,0);
背景色:rgba(0,0,0,0.4);
不透明度:未設定;
z-index:9999;
}
/ *モーダルコンテンツ* /
#data-verification-modal {
背景色:#fefefe;
マージン:自動;
パディング:16px;
ボーダー:1pxソリッド#888;
幅:38%;
}
/ *モーダルクローズボタン* /
.data-verification-close {
色:#aaaaaa;
フロート:右;
フォントサイズ:28px;
フォントの太さ:太字;
行の高さ:17px;
}
.data-verification-close:hover、
.data-verification-close:focus {
色:#000;
テキスト装飾:なし;
カーソル:ポインタ;
}
/ *チェックボックステキスト* /
#data-verification-container p {
表示:インラインブロック;
パディング-左:5px;
垂直整列:上;
幅:calc(100%-45px);
カーソル:ポインタ;
}
#data-verification-container a、#data-verification-container a:hover {
text-decoration:underline!important;
色:#4285f4;
}
/ *チェックボックスアイコン* /
#data-verification-icon {
カーソル:ポインタ;
位置:相対;
マージン:自動;
幅:18px;
高さ:18px;
-webkit-tap-highlight-color:透明;
変換:translate3d(0、0、0);
マージントップ:2px;
}
#data-verification-icon:before {
コンテンツ: "";
位置:絶対;
上:-7px;
左:-7px;
幅:32px;
高さ:32px;
境界半径:50%;
背景:rgba(34,50,84,0.03);
不透明度:0;
遷移:不透明度0.2秒が容易になります。
}
#data-verification-icon svg {
位置:相対;
z-index:1;
塗りつぶし:なし;
ストローク-ラインキャップ:ラウンド;
ストローク-linejoin:ラウンド;
ストローク:#c8ccd4;
ストローク幅:1.5;
変換:translate3d(0、0、0);
移行:すべての0.2秒が容易になります。
}
#data-verification-icon svg path {
ストローク-ダッシュアレイ:60;
ストローク-ダッシュオフセット:0;
}
#data-verification-icon svg polyline {
ストローク-ダッシュアレイ:22;
ストローク-ダッシュオフセット: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 {
ストローク-ダッシュオフセット:60;
遷移:すべて0.3秒線形。
}
#data-verification-icon.clicked svg polyline {
ストローク-ダッシュオフセット:42;
遷移:すべて0.2秒線形。
遷移遅延:0.15秒;
}
/ *モバイル解像度のモーダル変更* /
@media only screen and(max-width:600px){
#data-verification-modal {
幅:90%;
}
}
/ *要素の読み込み* /
.loading {
表示:なし;
上:50vh;
左:50vw;
位置:固定;
}
.loading:not(:required):after {
コンテンツ: '';
表示ブロック;
フォントサイズ:10px;
幅:1em;
高さ:1em;
マージントップ:-0.5em;
-webkit-animation:スピナー1500ms無限線形;
-moz-animation:スピナー1500ms無限線形;
-ms-animation:スピナー1500ms無限線形;
-o-animation:スピナー1500ms無限線形;
アニメーション:スピナー1500ms無限線形;
ボーダー半径:0.5em;
-webkit-box-shadow:rgba(255,255,255、1)1.5em 0 0 0、rgba(255,255,255、1)1.1em1。1em 0 0、rgba(255,255,255、1)0 15em 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.1 em -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、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;
}
/ *アニメーション* /
@ -webkit-keyframesスピナー{
0%{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
変換:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
変換:rotate(360deg);
}
}
@ -moz-keyframesスピナー{
0%{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
変換:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
変換:rotate(360deg);
}
}
@ -o-keyframesスピナー{
0%{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
変換:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
変換:rotate(360deg);
}
}
@keyframesスピナー{
0%{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
変換:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
変換:rotate(360deg);
}
}
style>
このサイトのGDPR / CCPAコンプライアンスを保証するために使用されるアプリは、データを処理するためにIPとメールアドレスを収集します。詳細については、
プライバシーポリシー を確認してください。
データの修正 h2>
以下のリンクを使用して、アカウントデータが正確でない場合は更新できます。 p>
<スクリプト>
var ccpaSlideUpAll = function(){
$( '#form-ccpa-edit-account-request')。slideUp(100);
$( '#form-ccpa-data-account-request')。slideUp(100);
$( '#form-ccpa-personal-data-report-request')。slideUp(100);
$( '#form-ccpa-delete-account-request')。slideUp(100);
$( '#form-ccpa-do-not-sell-request')。slideUp(100);
$( '#ccpa_page button')。attr( "aria-expanded"、 "false");
};
var email、type、consentGiven = false;
var verifyModalContent = '
';
var ccpaSendRequest = function(callback){
$ .ajax({
url: 'https://www.cloudflare.com/cdn-cgi/trace'、
メソッド: 'GET'、
成功:function(resp){
if(!resp.error){
ipInfo = resp;とします。
ipRegex =/[0-9]{1,3}。[0-9]{1,3}。[0-9]{1,3}。[0-9]{1,3} /
let ipAddress = ipInfo.match(ipRegex)[0];
$ .ajax({
url: 'https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest'、
メソッド: 'POST'、
データ: {
ショップ:Shopify.shop、
メール:メール、
タイプ:タイプ、
sourceOfRequest:2、
ipAddress:ipAddress、
同意Given:consentGiven、
lang:Shopify.locale? Shopify.locale: ''、
gtranslateLang:isenseGDPR.Cookies.get( 'googtrans')? isenseGDPR.Cookies.get( 'googtrans'): ''
}、
成功:function(resp){
if(!resp.error){
ccpaSlideUpAll();
alert( 'リクエストは正常に送信されました。詳細についてはメールを確認してください。');
} そうしないと {
alert(resp.message);
}
if(typeof callback == 'function'){
コールバック(resp);
}
}
});
} そうしないと {
alert(resp.message);
}
}
});
}
$(document).ready(function(){
searchParams = new URLSearchParams(window.location.search);
let param = searchParams.get( 'id');
if(param){
document.getElementById(param).scrollIntoView();
}
//モーダルをボディに追加します。そうしないと、中央に留まらないためです(位置が固定されている場合でも)
$( "body")。append(verificationModalContent);
//ユーザーが