オンラインストアの公開前チェックリスト#

プレビューテーマまたはステージング用のオンラインストアで操作の流れ全体を確認し、公開サイトでも主要な確認を繰り返します。

ストアと商品データ#

• Shop ID と Publishable Key が目的のストアに属していることを確認します。
• ダッシュボード → 設定を開き、Allowed Origins (CORS) に顧客が実際にアクセスする公開ストアのオリジン（例: https://www.example.com）が含まれていることを確認します。必要に応じてプレビューやステージングのオリジンを追加し、複数のオリジンはカンマで区切って 保存 をクリックします。設定手順を参照してください。
• テスト商品の準備ができており、オンラインストアの識別子がカタログと一致することを確認します。
• 一括アップロードでは、ジョブの最終状態と個々の失敗を確認します。

オンラインストアの動作#

• sdk.js が正常に読み込まれ、ページ内でローダーが重複していないことを確認します。
• 利用可能な商品で、意図した場所に意図したボタンが表示されることを確認します。
• 対応付けのない商品に、以前の商品を開く操作可能なボタンが表示されないことを確認します。
• 別のバリエーションを選ぶと、Viewer に表示される商品が更新されることを確認します。
• 商品カード、クイックビュー、クライアント側の画面遷移を使用している場合、それぞれが正しく動作することを確認します。
• 幅の狭いモバイル画面、キーボード操作、ストアがサポートするブラウザーでテストします。

本番環境の確認#

プラットフォームのカスタマイズを公開し、新しいブラウザーセッションで顧客の操作の流れを再度確認します。コンソールとネットワークパネルで、ブロックされたスクリプト、オリジンのエラー、古いキャッシュ済みアセットを調べます。ストアの同意管理やスクリプト読み込みの規則がある場合は、自身のサイト設定で確認してください。

ロールバックとサポート#

以前のテーマまたはデプロイを利用できる状態で保持します。ロールバックするには、SDK ローダーと対象要素のカスタマイズを取り除きます。オンラインストアのボタンを隠すだけのために商品や認証情報を削除しないでください。トラブルシューティングのために、問題のページ、選択した SKU、ブラウザー、おおよその発生時刻を記録します。