ストアフロントビルドのトラブルシューティング

公開する前に、空白、古い、壊れた、または視覚的に正しくないストアフロントプレビューを診断します。

プレビューはストアフロントの問題を見つけるのに最も安全な場所です。重要なページとインタラクションがそこで機能するまで公開しないでください。

アクセス方法: 対象ストア → ストアフロント → プレビュー操作。

英語の注釈で操作箇所を示しています。画像を選択すると拡大できます。

現在のプレビューと端末切り替えで、公開前に対象ページを再現します。画像は英語の画面です。

開始する前に

表示内容	確認する内容
空白またはエラープレビュー	アクティブなビルドが完了するまで待ち、1回リロードして、現在のタスクで失敗を検査してください。
古いコンテンツ	最新のタスクが完了し、プレビューが最新バージョンにあることを確認してください。
1つの幅でレイアウトが壊れる	デバイスコントロールで再現し、ページ、セクション、および幅をRunnerに伝えてください。
画像がない	メディアライブラリ、アセット選択、および画像自体が読み込まれるかどうかを確認してください。
リンクが間違ったページを開く	ソースボタンと目的の宛先を焦点を絞った修正で名前を付けてください。
製品がない	ページが洗練されているだけでなく、製品が存在し、ストアフロントで利用可能であることを確認してください。
デザインモードの変更がない	編集が保存または適用されたことを確認してから、プレビューで同じページを再度開いてください。

コントロール	結果
プレビューを更新	公開せずに現在のプレビューをリロードします。
デバイスセレクター	プレビュー幅を変更して、レスポンシブレイアウトを検査できます。
プレビューを開くまたは外部ビュー	より大きなプレビューを開きます。ストアをライブにすることはありません。
デザインモード	表示されているストアフロントコンテンツを選択して調整できます。
バージョン履歴	保存されたバージョンと復元コントロールを表示します。復元はプロジェクト状態を変更するため、最初に確認してください。

プロジェクト名、ページ、デバイスサイズ、予想される結果、表示される結果、最新のタスク状態、および個人データまたは顧客データなしのスクリーンショットを含めてください。

修正タスク完了後、同じページを読み込み直し、元の端末幅で操作を繰り返します。公開前に別の幅も確認します。ホームページが動くだけでは、商品ページやカートの修正確認にはなりません。

英語の録画はPC、タブレット、スマートフォンを切り替えます。幅の比較を示し、エラー修正や公開した変更ではありません。