前提

• eギフト固定送料を設定している場合、通常であれば注文が2つ作成されます。
• ただし、カートページから急いでチェックアウトボタンを押した場合や、購入されるお客様のネットワーク環境が遅い場合、またはお客様がご利用されるブラウザでJavaScriptをOFFにしている場合には、JavaScriptでの処理がされずに下書き注文に遷移しないことで、eギフト固定送料が適用されない状態でeギフト注文が生成される場合がございます。
• 本ページでは、eギフト固定送料を設定しているにも関わらず、ネットワークの影響によって下書き注文に遷移しない問題を解決する方法をご説明します。

<aside> ⚠️ eギフト固定送料が適用できない状態で注文が行われると

• Shopifyには本来eギフト固定送料を使用しているにもかかわらず固定送料が商品にはいっていない。
  • eギフト受け取りURLは問題なく生成され、受け取りも問題なく行われます。
  • したがってお客様のギフト体験自体には影響がございません。
  • また、受け取りが完了すると、該当注文の配送先情報は正常に更新されます。
• ただし、eギフト固定送料が適用されないため、購入者の住所に基づいて送料が適用されてしまいます。 </aside>

解決方法

<aside> ⚠️

少々エンジニアの知識が必要となります。

下記設定を行ったとしても1.5秒経過してもJavaScriptが読み込まれないケースなどでは、解決できない場合がございますので予めご了承ください。 本事象が多く発生する場合には改めて対応をご相談させていただけますと幸いです。

</aside>

カートページにて、以下のテーマ編集を行い、カートページの読み込みから1.5秒後に、チェックアウトページへの遷移するボタンを押下できるようにし、ページの読み込みが完了するまではチェックアウトページに遷移できないようにご編集ください。

テーマ側対応

ファイル名: main-cart.liquid

変更内容: カートページのチェックアウトボタンにdisabledを追加

<button
  type="submit"
  name="checkout"
  data-terms-required="{{ settings.cart_terms_conditions_enable }}"
  class="btn cart__checkout"
  disabled
>
  {{ 'cart.general.checkout' | t }}
</button>

ファイル名: anygift-custom.js.liquid

変更内容: 以下を追加し、ページロードから1.5秒後にdisabledを解除する

{% comment %}
　　eギフトのチェックアウト用に、はじめ「レジに進む」ボタンをdisabledにし、1.5秒後に解除する
  main-cart.liquid の cart__checkout ボタンにdisabledを付与しています
{% endcomment %}

const searchCheckoutButtonElement = async () => {
  for (let i = 0; i < 50; i++) {
    const checkoutButtonElement = document.querySelector('.cart__checkout');
    if (checkoutButtonElement) {
      return checkoutButtonElement;
    }
    await sleep(100);
  }
  return null;
};

searchCheckoutButtonElement().then(checkoutButton => {
  if (checkoutButton) {
    // 1.5秒後にdisabledを解除
    setTimeout(() => { checkoutButton.disabled = false }, 1500);
  } else {
   console.log('チェックアウトボタンが見つかりません')
  }
})