バリエーションごとに価格が変わる場合は、バリエーション切り替え時に、以下のカスタムイベントを設定することで、付与予定ポイントを更新することが可能です。
※高度な設定で、エラーが発生すると商品ページが適切に動作しなくなる可能性がございます。もし実施される場合は、Javascriptに知見のある開発者に依頼されることをお勧めします。
document.dispatchEvent(new CustomEvent("mrpoint:update-award-point", {
detail: {
variantId: {{ variant.id }},
}
}));
以下がDawn(ver6.0.2)の場合の追加例です。
class VariantSelects extends HTMLElement {
constructor() {
super();
this.addEventListener('change', this.onVariantChange);
}
onVariantChange() {
this.updateOptions();
this.updateMasterId();
this.toggleAddButton(true, '', false);
this.updatePickupAvailability();
this.removeErrorMessage();
this.updateAwardPoint();
~~ 省略 ~~
updateAwardPoint() {
document.dispatchEvent(new CustomEvent("mrpoint:update-award-point", {
detail: {
variantId: this.currentVariant.id,
}
}));
}
}
上記のようなカスタムイベントを追加いただければ、バリエーション切り替え時に付与ポイントが更新されます。