すべての商品ページにウィジェットを一括で表示するには、以下の手順でscriptタグを設定します。
【 手順 】
-
管理画面メニュー「 デザイン設定 > テーマ > HTMLのカスタマイズ 」にアクセスします。
-
「 商品ページ > メイン紹介文 」の「 HTMLを編集 」ボタンをクリックします。
-
既に入力されているHTMLソースの一番下に、以下のscriptタグをすべてコピーして追加します。
-
「 保存する 」ボタンをクリックします。
-
管理画面の左上「 お店ページの更新へ 」ボタンをクリックします。
-
「 注意事項に同意する 」にチェックを入れて「 編集中のテーマでお店を更新 」ボタンをクリックします。
更新が完了すると、商品ページに反映されています。
■3回払い用(1回、3回払いが選択可能)
<script>
let Outdata = document.getElementsByClassName("itemOutline")[0].innerHTML;
var hanpuflg = Outdata.indexOf("icon_hanpu.gif");
var regularflg = Outdata.indexOf("icon_regular.gif");
//頒布会/定期/非表示フラグありのいずれかは場合は実行しない
if (hanpuflg < 0 && regularflg < 0 && document.getElementById("paidydispoff") === null) {
let product_price = document.getElementsByClassName('selling_price')[0].textContent.slice(1);
let paidy_div = document.getElementsByClassName('price')[0];
paidy_div.insertAdjacentHTML('afterend', '<div class="_paidy-promotional-messaging" data-amount="' + product_price + '" data-alignment="start" data-font-size="12px"></div>');
} </script>
<script>
//itemPrcがある場合みの動作する(リストボックス変更時に金額が変わる場合且つ、非表示フラグ未使用時のみ対応)
const paidyfig = document.querySelector('._paidy-promotional-messaging');
if (document.getElementById("itemPrc") != null && paidyfig .classList.length > 0) {
const priceSelector = document.querySelector("#pi_cart > table.spec");
// ウィジェット本体
const widget = document.querySelector("._paidy-promotional-messaging");
// 商品のバリエーションが選択された場合の処理
priceSelector.addEventListener("change", function (event) {
let Amount_change;
let nullcheck = document.querySelector("#itemPrc > span.selling_price");
if (nullcheck == null) {
//nullの場合は0を入れる
Amount_change = 0;
} else {
Amount_change = document.querySelector("#itemPrc > span.selling_price").innerHTML.slice(1);
if (!Amount_change) {
// blank だった場合の処理
Amount_change = 0;
}
}
switch (Amount_change) {
case 0:
//該当しない場合は0を入れて表示を消す
widget.setAttribute("data-amount", 0);
break;
default:
widget.setAttribute("data-amount", Amount_change);
break;
}
// ウィジェットのリフレッシュ
_paidy && _paidy("pm:refresh");
});
}; </script>
<script src="https://cdn.paidy.com/promotional-messaging/general/paidy-upsell-widget.js" defer="defer"></script>
■6回払い用(1回、3回、6回払いが選択可能)
<script>
let Outdata = document.getElementsByClassName("itemOutline")[0].innerHTML;
var hanpuflg = Outdata.indexOf("icon_hanpu.gif");
var regularflg = Outdata.indexOf("icon_regular.gif");
//頒布会/定期/非表示フラグありのいずれかは場合は実行しない
if (hanpuflg < 0 && regularflg < 0 && document.getElementById("paidydispoff") === null) {
let product_price = document.getElementsByClassName('selling_price')[0].textContent.slice(1);
let paidy_div = document.getElementsByClassName('price')[0];
paidy_div.insertAdjacentHTML('afterend', '<div class="_paidy-promotional-messaging" data-amount="' + product_price + '" data-alignment="start" data-font-size="12px" data-6-pay-enabled></div>');
} </script>
<script>
//itemPrcがある場合みの動作する(リストボックス変更時に金額が変わる場合且つ、非表示フラグ未使用時のみ対応)
const paidyfig = document.querySelector('._paidy-promotional-messaging');
if (document.getElementById("itemPrc") != null && paidyfig .classList.length > 0) {
const priceSelector = document.querySelector("#pi_cart > table.spec");
// ウィジェット本体
const widget = document.querySelector("._paidy-promotional-messaging");
// 商品のバリエーションが選択された場合の処理
priceSelector.addEventListener("change", function (event) {
let Amount_change;
let nullcheck = document.querySelector("#itemPrc > span.selling_price");
if (nullcheck == null) {
//nullの場合は0を入れる
Amount_change = 0;
} else {
Amount_change = document.querySelector("#itemPrc > span.selling_price").innerHTML.slice(1);
if (!Amount_change) {
// blank だった場合の処理
Amount_change = 0;
}
}
switch (Amount_change) {
case 0:
//該当しない場合は0を入れて表示を消す
widget.setAttribute("data-amount", 0);
break;
default:
widget.setAttribute("data-amount", Amount_change);
break;
}
// ウィジェットのリフレッシュ
_paidy && _paidy("pm:refresh");
});
}; </script>
<script src="https://cdn.paidy.com/promotional-messaging/general/paidy-upsell-widget.js" defer="defer"></script>
■12回払い用(1回、3回、6回、12回払いが選択可能)
<script>
let Outdata = document.getElementsByClassName("itemOutline")[0].innerHTML;
var hanpuflg = Outdata.indexOf("icon_hanpu.gif");
var regularflg = Outdata.indexOf("icon_regular.gif");
//頒布会/定期/非表示フラグありのいずれかは場合は実行しない
if (hanpuflg < 0 && regularflg < 0 && document.getElementById("paidydispoff") === null) {
let product_price = document.getElementsByClassName('selling_price')[0].textContent.slice(1);
let paidy_div = document.getElementsByClassName('price')[0];
paidy_div.insertAdjacentHTML('afterend', '<div class="_paidy-promotional-messaging" data-amount="' + product_price + '" data-alignment="start" data-font-size="12px" data-6-pay-enabled data-12-pay-enabled></div>');
} </script>
<script>
//itemPrcがある場合みの動作する(リストボックス変更時に金額が変わる場合且つ、非表示フラグ未使用時のみ対応)
const paidyfig = document.querySelector('._paidy-promotional-messaging');
if (document.getElementById("itemPrc") != null && paidyfig .classList.length > 0) {
const priceSelector = document.querySelector("#pi_cart > table.spec");
// ウィジェット本体
const widget = document.querySelector("._paidy-promotional-messaging");
// 商品のバリエーションが選択された場合の処理
priceSelector.addEventListener("change", function (event) {
let Amount_change;
let nullcheck = document.querySelector("#itemPrc > span.selling_price");
if (nullcheck == null) {
//nullの場合は0を入れる
Amount_change = 0;
} else {
Amount_change = document.querySelector("#itemPrc > span.selling_price").innerHTML.slice(1);
if (!Amount_change) {
// blank だった場合の処理
Amount_change = 0;
}
}
switch (Amount_change) {
case 0:
//該当しない場合は0を入れて表示を消す
widget.setAttribute("data-amount", 0);
break;
default:
widget.setAttribute("data-amount", Amount_change);
break;
}
// ウィジェットのリフレッシュ
_paidy && _paidy("pm:refresh");
});
}; </script>
<script src="https://cdn.paidy.com/promotional-messaging/general/paidy-upsell-widget.js" defer="defer"></script>
すべての商品ページにウィジェットを一括で表示するには、以下の手順でscriptタグを設定します。
【 手順 】
-
管理画面メニュー「 デザイン設定 > トップページ > ヘッダとSEOの設定 」にアクセスします。
-
「 フッタの設定 」を「 標準 」から「 HTMLカスタマイズ(ベーシックテンプレート用/上級者向け) 」に切り替えます。
-
「 フッタHTML編集 」欄の既に入力されいているHTMLソースの一番下に、以下のscriptタグをすべてコピーして追加します。
- 画面の最下部にある「 設定を保存する 」ボタンをクリックします。
- 管理画面の左上「 お店ページの更新へ 」ボタンをクリックします。
- 「 更新を開始 」ボタンをクリックします。更新が完了すると、商品ページに反映されています。
ベーシックテンプレートの「 フッタHTML編集 」の入力欄に、あらかじめ入力されているURLはサンプル記述です。
「 標準 」から「 HTMLカスタマイズ(ベーシックテンプレート用/上級者向け) 」へ初めて切り替える場合は、記述を見直してください。
>>詳しくは、オンラインサポート「202」で検索
■3回払い用(1回、3回払いが選択可能)
<script>
let Outdata = document.getElementsByClassName("layoutp3")[0].innerHTML;
var hanpuflg = Outdata.indexOf("icon_hanpu.gif");
var regularflg = Outdata.indexOf("icon_regular.gif");
if (hanpuflg < 0 && regularflg < 0 && document.getElementById("paidydispoff") === null) {
let product_price = document.getElementsByClassName("price no2")[0].textContent.substring(0, document.getElementsByClassName("price no2")[0].textContent.indexOf("円")).slice(1);
let paidy_div = document.getElementsByClassName('layoutp3')[1];
paidy_div.insertAdjacentHTML('afterend', '<div class="_paidy-promotional-messaging" data-amount="' + product_price + '" data-alignment="start" data-font-size="12px"></div>');
} </script>
<script>
//itemPrc1タグがある場合みの動作する(リストボックス変更時に金額が変わる場合且つ、非表示フラグ未使用時のみ対応)
const paidyfig = document.querySelector('._paidy-promotional-messaging');
if(document.getElementById("itemPrc1") != null && paidyfig .classList.length > 0){
const priceSelector = document.querySelector("#pi_cart > form.shopping_form > table > tbody > tr > td:nth-child(2) > div.layoutp3 > table:nth-child(1) > tbody");
// ウィジェット本体
const widget = document.querySelector("._paidy-promotional-messaging");
// 商品のバリエーションが選択された場合の処理
priceSelector.addEventListener("change", function (event) {
let Amount_change;
let nullcheck = document.getElementById("itemPrc1");
console.log( "nullcheck :" + nullcheck);
if ( nullcheck == null){
Amount_change = 0;
}else{
Amount_change = document.getElementById("itemPrc1").textContent.substring(0, document.getElementById("itemPrc1").textContent.indexOf("円")).slice(0);
if (!Amount_change) {
// blank だった場合の処理
Amount_change = 0;
}
}
console.log(Amount_change);
switch(Amount_change){
case 0:
//該当しない場合は0を入れて表示を消す
widget.setAttribute("data-amount",0);
break;
default:
widget.setAttribute("data-amount",Amount_change);
break;
}
// ウィジェットのリフレッシュ
_paidy && _paidy("pm:refresh");
});
};
</script>
<script src="https://cdn.paidy.com/promotional-messaging/general/paidy-upsell-widget.js" defer="defer"></script>
■6回払い用(1回、3回、6回払いが選択可能)
<script>
let Outdata = document.getElementsByClassName("layoutp3")[0].innerHTML;
var hanpuflg = Outdata.indexOf("icon_hanpu.gif");
var regularflg = Outdata.indexOf("icon_regular.gif");
if (hanpuflg < 0 && regularflg < 0 && document.getElementById("paidydispoff") === null) {
let product_price = document.getElementsByClassName("price no2")[0].textContent.substring(0, document.getElementsByClassName("price no2")[0].textContent.indexOf("円")).slice(1);
let paidy_div = document.getElementsByClassName('layoutp3')[1];
paidy_div.insertAdjacentHTML('afterend', '<div class="_paidy-promotional-messaging" data-amount="' + product_price + '" data-alignment="start" data-font-size="12px" data-6-pay-enabled></div>');
} </script>
<script>
//itemPrc1タグがある場合みの動作する(リストボックス変更時に金額が変わる場合且つ、非表示フラグ未使用時のみ対応)
const paidyfig = document.querySelector('._paidy-promotional-messaging');
if(document.getElementById("itemPrc1") != null && paidyfig .classList.length > 0){
const priceSelector = document.querySelector("#pi_cart > form.shopping_form > table > tbody > tr > td:nth-child(2) > div.layoutp3 > table:nth-child(1) > tbody");
// ウィジェット本体
const widget = document.querySelector("._paidy-promotional-messaging");
// 商品のバリエーションが選択された場合の処理
priceSelector.addEventListener("change", function (event) {
let Amount_change;
let nullcheck = document.getElementById("itemPrc1");
console.log( "nullcheck :" + nullcheck);
if ( nullcheck == null){
Amount_change = 0;
}else{
Amount_change = document.getElementById("itemPrc1").textContent.substring(0, document.getElementById("itemPrc1").textContent.indexOf("円")).slice(0);
if (!Amount_change) {
// blank だった場合の処理
Amount_change = 0;
}
}
console.log(Amount_change);
switch(Amount_change){
case 0:
//該当しない場合は0を入れて表示を消す
widget.setAttribute("data-amount",0);
break;
default:
widget.setAttribute("data-amount",Amount_change);
break;
}
// ウィジェットのリフレッシュ
_paidy && _paidy("pm:refresh");
});
};
</script>
<script src="https://cdn.paidy.com/promotional-messaging/general/paidy-upsell-widget.js" defer="defer"></script>
■12回払い用(1回、3回、6回、12回払いが選択可能)
<script>
let Outdata = document.getElementsByClassName("layoutp3")[0].innerHTML;
var hanpuflg = Outdata.indexOf("icon_hanpu.gif");
var regularflg = Outdata.indexOf("icon_regular.gif");
if (hanpuflg < 0 && regularflg < 0 && document.getElementById("paidydispoff") === null) {
let product_price = document.getElementsByClassName("price no2")[0].textContent.substring(0, document.getElementsByClassName("price no2")[0].textContent.indexOf("円")).slice(1);
let paidy_div = document.getElementsByClassName('layoutp3')[1];
paidy_div.insertAdjacentHTML('afterend', '<div class="_paidy-promotional-messaging" data-amount="' + product_price + '" data-alignment="start" data-font-size="12px" data-6-pay-enabled data-12-pay-enabled></div>');
} </script>
<script>
//itemPrc1タグがある場合みの動作する(リストボックス変更時に金額が変わる場合且つ、非表示フラグ未使用時のみ対応)
const paidyfig = document.querySelector('._paidy-promotional-messaging');
if(document.getElementById("itemPrc1") != null && paidyfig .classList.length > 0){
const priceSelector = document.querySelector("#pi_cart > form.shopping_form > table > tbody > tr > td:nth-child(2) > div.layoutp3 > table:nth-child(1) > tbody");
// ウィジェット本体
const widget = document.querySelector("._paidy-promotional-messaging");
// 商品のバリエーションが選択された場合の処理
priceSelector.addEventListener("change", function (event) {
let Amount_change;
let nullcheck = document.getElementById("itemPrc1");
console.log( "nullcheck :" + nullcheck);
if ( nullcheck == null){
Amount_change = 0;
}else{
Amount_change = document.getElementById("itemPrc1").textContent.substring(0, document.getElementById("itemPrc1").textContent.indexOf("円")).slice(0);
if (!Amount_change) {
// blank だった場合の処理
Amount_change = 0;
}
}
console.log(Amount_change);
switch(Amount_change){
case 0:
//該当しない場合は0を入れて表示を消す
widget.setAttribute("data-amount",0);
break;
default:
widget.setAttribute("data-amount",Amount_change);
break;
}
// ウィジェットのリフレッシュ
_paidy && _paidy("pm:refresh");
});
};
</script>
<script src="https://cdn.paidy.com/promotional-messaging/general/paidy-upsell-widget.js" defer="defer"></script>
スマートフォンサイトのすべての商品ページにウィジェットを一括で表示するには、以下の手順でscriptタグを設定します。
【 手順 】
-
管理画面メニュー「 スマートフォンサイト設定 > 各種設定 > ヘッダ・フッタ設定 」にアクセスします。
-
「 フッタ設定 > 共通フッタ 」の「 編集 」ボタンをクリックします。
-
既に入力しているHTMLソースがある場合は、一番下に、以下のscriptタグをすべてコピーして追加します。
-
画面下部の「 閉じる 」ボタンをクリックします。
-
右上の「 お店ページに反映する 」ボタンをクリックします。更新が完了すると、商品ページに反映されています。
レスポンシブ対応テーマを利用中で、スマートフォンサイトはカートのみ使用している場合は設定不要です。
■3回払い用(1回、3回払いが選択可能)
<script>
let Outdata = document.getElementById("pi_name").innerHTML;
var hanpuflg = Outdata.indexOf(">頒布会<");
var regularflg = Outdata.indexOf(">定期購入<");
if (hanpuflg < 0 && regularflg < 0 && document.getElementById("paidydispoff") === null) {
let product_price = document.getElementsByClassName("productprice")[0].innerText.substring(2, document.getElementsByClassName("productprice")[0].innerText.indexOf("円")).slice(1);
let paidy_div = document.getElementsByClassName('productprice')[0];
paidy_div.insertAdjacentHTML('afterend', '<div class="_paidy-promotional-messaging" data-amount="' + product_price + '" data-alignment="start" data-font-size="12px"></div>');
} </script>
<script>
//variationPriceがある場合みの動作する(リストボックス変更時に金額が変わる場合且つ、非表示フラグ未使用時のみ対応)
const paidyfig = document.querySelector('._paidy-promotional-messaging');
if(document.getElementById("variationPrice") != null && paidyfig .classList.length > 0){
const priceSelector = document.querySelector("#pi_cart > form > table:nth-child(2)");
// ウィジェット本体
const widget = document.querySelector("._paidy-promotional-messaging");
// 商品のバリエーションが選択された場合の処理
priceSelector.addEventListener("change", function (event) {
let Amount_change;
let nullcheck = document.getElementById("variationPrice");
console.log( "nullcheck :" + nullcheck);
if ( nullcheck == null){
Amount_change = 0;
}else{
Amount_change = document.getElementById("variationPrice").textContent.substring(0, document.getElementById("variationPrice").textContent.indexOf("円")).slice(0);
if (!Amount_change) {
// blank だった場合の処理
Amount_change = 0;
}
}
console.log(Amount_change);
switch(Amount_change){
case 0:
//該当しない場合は0を入れて表示を消す
widget.setAttribute("data-amount",0);
break;
default:
widget.setAttribute("data-amount",Amount_change);
break;
}
// ウィジェットのリフレッシュ
_paidy && _paidy("pm:refresh");
});
};
</script>
<script src="https://cdn.paidy.com/promotional-messaging/general/paidy-upsell-widget.js" defer="defer"></script>
■6回払い用(1回、3回、6回払いが選択可能)
<script>
let Outdata = document.getElementById("pi_name").innerHTML;
var hanpuflg = Outdata.indexOf(">頒布会<");
var regularflg = Outdata.indexOf(">定期購入<");
if (hanpuflg < 0 && regularflg < 0 && document.getElementById("paidydispoff") === null) {
let product_price = document.getElementsByClassName("productprice")[0].innerText.substring(2, document.getElementsByClassName("productprice")[0].innerText.indexOf("円")).slice(1);
let paidy_div = document.getElementsByClassName('productprice')[0];
paidy_div.insertAdjacentHTML('afterend', '<div class="_paidy-promotional-messaging" data-amount="' + product_price + '" data-alignment="start" data-font-size="12px" data-6-pay-enabled></div>');
} </script>
<script>
//variationPriceがある場合みの動作する(リストボックス変更時に金額が変わる場合且つ、非表示フラグ未使用時のみ対応)
const paidyfig = document.querySelector('._paidy-promotional-messaging');
if(document.getElementById("variationPrice") != null && paidyfig .classList.length > 0){
const priceSelector = document.querySelector("#pi_cart > form > table:nth-child(2)");
// ウィジェット本体
const widget = document.querySelector("._paidy-promotional-messaging");
// 商品のバリエーションが選択された場合の処理
priceSelector.addEventListener("change", function (event) {
let Amount_change;
let nullcheck = document.getElementById("variationPrice");
console.log( "nullcheck :" + nullcheck);
if ( nullcheck == null){
Amount_change = 0;
}else{
Amount_change = document.getElementById("variationPrice").textContent.substring(0, document.getElementById("variationPrice").textContent.indexOf("円")).slice(0);
if (!Amount_change) {
// blank だった場合の処理
Amount_change = 0;
}
}
console.log(Amount_change);
switch(Amount_change){
case 0:
//該当しない場合は0を入れて表示を消す
widget.setAttribute("data-amount",0);
break;
default:
widget.setAttribute("data-amount",Amount_change);
break;
}
// ウィジェットのリフレッシュ
_paidy && _paidy("pm:refresh");
});
};
</script>
<script src="https://cdn.paidy.com/promotional-messaging/general/paidy-upsell-widget.js" defer="defer"></script>
■12回払い用(1回、3回、6回、12回払いが選択可能)
<script>
let Outdata = document.getElementById("pi_name").innerHTML;
var hanpuflg = Outdata.indexOf(">頒布会<");
var regularflg = Outdata.indexOf(">定期購入<");
if (hanpuflg < 0 && regularflg < 0 && document.getElementById("paidydispoff") === null) {
let product_price = document.getElementsByClassName("productprice")[0].innerText.substring(2, document.getElementsByClassName("productprice")[0].innerText.indexOf("円")).slice(1);
let paidy_div = document.getElementsByClassName('productprice')[0];
paidy_div.insertAdjacentHTML('afterend', '<div class="_paidy-promotional-messaging" data-amount="' + product_price + '" data-alignment="start" data-font-size="12px" data-6-pay-enabled data-12-pay-enabled></div>');
} </script>
<script>
//variationPriceがある場合みの動作する(リストボックス変更時に金額が変わる場合且つ、非表示フラグ未使用時のみ対応)
const paidyfig = document.querySelector('._paidy-promotional-messaging');
if(document.getElementById("variationPrice") != null && paidyfig .classList.length > 0){
const priceSelector = document.querySelector("#pi_cart > form > table:nth-child(2)");
// ウィジェット本体
const widget = document.querySelector("._paidy-promotional-messaging");
// 商品のバリエーションが選択された場合の処理
priceSelector.addEventListener("change", function (event) {
let Amount_change;
let nullcheck = document.getElementById("variationPrice");
console.log( "nullcheck :" + nullcheck);
if ( nullcheck == null){
Amount_change = 0;
}else{
Amount_change = document.getElementById("variationPrice").textContent.substring(0, document.getElementById("variationPrice").textContent.indexOf("円")).slice(0);
if (!Amount_change) {
// blank だった場合の処理
Amount_change = 0;
}
}
console.log(Amount_change);
switch(Amount_change){
case 0:
//該当しない場合は0を入れて表示を消す
widget.setAttribute("data-amount",0);
break;
default:
widget.setAttribute("data-amount",Amount_change);
break;
}
// ウィジェットのリフレッシュ
_paidy && _paidy("pm:refresh");
});
};
</script>
<script src="https://cdn.paidy.com/promotional-messaging/general/paidy-upsell-widget.js" defer="defer"></script>