新しいブログ

<div id='製品コンポーネント-1753859878535'></div>
<script type="text/javascript">
/*<![CDATA[*/
（関数 （） {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
if (window.ShopifyBuy) {
if (window.ShopifyBuy.UI) {
Shopify 購入初期化();
} それ以外 {
ロードスクリプト();
}
} それ以外 {
ロードスクリプト();
}
関数loadScript() {
var スクリプト = document.createElement('script');
スクリプトの非同期処理を true に設定します。
script.src = スクリプトURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(スクリプト);
スクリプトをロードします。
}
関数ShopifyBuyInit() {
var クライアント = ShopifyBuy.buildClient({
ドメイン: '2a7fff-2.myshopify.com',
ストアフロントアクセストークン: 'c94ae9b4b078e893e1f6efd80d51c372',
});
ShopifyBuy.UI.onReady(クライアント).then(関数(ui) {
ui.createComponent('製品', {
id: '9906065506587',
ノード: document.getElementById('product-component-1753859878535'),
お金形式: '%24%7B%7Bamount%7D%7D',
オプション: {
"製品"： {
「スタイル」: {
"製品"： {
"@media (最小幅: 601px)": {
"最大幅": "calc(25% - 20px)",
"左マージン": "20px",
"マージン下部": "50px"
}
},
"ボタン"： {
":ホバー": {
"背景色": "#cb6c04"
},
"背景色": "#e17804",
"：集中"： {
"背景色": "#cb6c04"
}
}
},
"ボタンの宛先": "チェックアウト",
"文章"： {
"ボタン": "今すぐ購入"
}
},
"製品セット": {
「スタイル」: {
"製品"： {
"@media (最小幅: 601px)": {
"左マージン": "-20px"
}
}
}
},
"モーダル製品": {
"コンテンツ"： {
「画像」：偽、
"imgWithCarousel": true,
「ボタン」：偽、
"数量ボタン": true
},
「スタイル」: {
"製品"： {
"@media (最小幅: 601px)": {
"最大幅": "100%",
"左マージン": "0px",
"下マージン": "0px"
}
},
"ボタン"： {
":ホバー": {
"背景色": "#cb6c04"
},
"背景色": "#e17804",
"：集中"： {
"背景色": "#cb6c04"
}
}
},
"文章"： {
"ボタン": "カートに追加"
}
},
"オプション"： {}、
「カート」: {
「スタイル」: {
"ボタン"： {
":ホバー": {
"背景色": "#cb6c04"
},
"背景色": "#e17804",
"：集中"： {
"背景色": "#cb6c04"
}
}
},
"文章"： {
"合計": "小計",
"ボタン": "チェックアウト"
}
},
「トグル」: {
「スタイル」: {
「トグル」: {
"背景色": "#e17804",
":ホバー": {
"背景色": "#cb6c04"
},
"：集中"： {
"背景色": "#cb6c04"
}
}
}
}
},
});
});
}
})();
/*]]>*/
</スクリプト>