バリエーション変更時に付与予定ポイントを更新する場合（開発者向け）

バリエーションごとに価格が変わる場合は、バリエーション切り替え時に、以下のカスタムイベントを設定することで、付与予定ポイントを更新することが可能です。

※高度な設定で、エラーが発生すると商品ページが適切に動作しなくなる可能性がございます。もし実施される場合は、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,

      }

    }));

  }

}

上記のようなカスタムイベントを追加いただければ、バリエーション切り替え時に付与ポイントが更新されます。