「商品詳細ページにeギフト購入ボタンを表示するためのタグ」と「カート画面、チェックアウト画面でeギフトUIを表示する」ためのタグをそれぞれ挿入ください。
item_detail.xhtmlのhead内に以下のAnyGiftタグを挿入してください。
<head>
<script type="text/javascript">
window.AnyGiftApiIntegration = {
storeId: "{ストアID}",
};
</script>
<script defer src="<https://d1ioo46r7yo3cy.cloudfront.net/api-integration.js>"></script>
</head>
item_detail.xhtmlのbodyの真下に以下のタグを追
<span m:id='HIDDEN_DATA_TAGS_HERE'></span>
item_detail.xhtmlのバナー表示箇所に以下のタグを追加
<div data-anygift-banner-item></div>
header_cart.xhtmlのbody開始タグ直下に以下のAnyGiftタグを挿入してください。
<aside> ⚠️
header_cart.xhtmlが存在しない場合は、cart_index.xhtml, cart_seisan.xhtml, cart_confirm.xhtml, cart_result.xhtmlのすべてを変更してください。
</aside>
※ head内だと読み込まれません
<body>
<script type="text/javascript">
window.AnyGiftApiIntegration = {
// AnyReachより連携したstoreId
storeId: "{ストアID}",
itemsForPayment: [],
hiddenItemForPayment: '',
hiddenItemsForFreeItem: [],
hiddenItemsInConfirmIfEGiftOrder: [],
};
</script>
<script defer src="<https://d1ioo46r7yo3cy.cloudfront.net/api-integration.js>"></script>
</body>
| storeId | AnyReachより連携したstoreIdを入力ください。 |
|---|---|
| itemsForPayment | チェックアウト画面で非表示にしたい決済手段のDOMのセレクタ情報です。 |
| data-anygift-payment-method属性の子要素のセレクタを指定してください。 | |
[data-anygift-payment-method] > {itemsForPaymentの値} の値を非表示にします。 |
|
| hiddenItemForPayment | チェックアウト画面で実際に削除したい決済手段のHTML要素を指定 |
| 以下の要素が非表示になります | |
document.querySelector([data-anygift-payment-method] > {itemsForPaymentの値}).closest({hiddenItemForPayment}) |
|
| チェックアウト画面・購入確認画面で通常注文の場合に非表示にしたいDOMのセレクタ情報です。 | |
[data-anygift-free-items] > {hiddenItemsForFreeItem} の値を非表示にします。 |
|
| 購入確認画面で通常注文の場合には、自由項目を非表示にしたい場合などで利用します | |
| hiddenItemsInConfirmIfEGiftOrder | 空で問題ありません。（使われていません。） |
<body>
<script type="text/javascript">
window.AnyGiftApiIntegration = {
// AnyReachより連携したstoreId
storeId: "{ストアID}",
itemsForPayment: [
'tbody td input[value="1"]',
'tbody td input[value="3"]',
],
hiddenItemForPayment: 'div',
hiddenItemsForFreeItem: [
"h3",
"div",
],
hiddenItemsInConfirmIfEGiftOrder: [],
};
</script>
<script defer src="<https://d1ioo46r7yo3cy.cloudfront.net/api-integration.js>"></script>
</body>