トラブルシューティング

テーマエディタで問題が発生している場合は、その問題が以下に表示されているかどうかを確認してください。

一般的な問題

問題: ページを読み込むことができませんでした

ページがサポートされていないURLにリダイレクトされています

ストアフロントに、ショップと連携していないURLにユーザーをリダイレクトするコードが含まれている場合は、テーマエディタにアクセスする際、リダイレクトが無効になっていることを確認してください。

たとえば、このタイプのリダイレクトをストアフロントに追加して、お客様を、お客様のロケーションに応じて異なるShopifyストアに誘導することができます。このタイプのリダイレクトコードは、テーマまたはインストールしたアプリのいずれかに含めることができます。

リダイレクトが編集操作に干渉しないようにするために、JavaScriptの変数への参照を使用して、テーマエディタにアクセスする際、リダイレクトを無効にするJavaScriptのwindow.Shopify.designMode変数を参照してください。この変数は、ストアフロントがエディタに読み込まれた場合には、trueに設定され、読み込まれなかった場合には、falseに設定されます。

エラーが発生したためページを読み込むことができませんでした

さまざまな理由により、テーマエディタでページの読み込みに失敗することがあります。一般的な問題には、以下のものが含まれます。

  • ネットワーク接続に関する問題
  • テーマに無効なLiquidコードが含まれている

これらの問題がエラーの原因ではないことが確認できた場合、テーマエディタの [テーマアクション] > [テーマのプレビュー] に移動し、オンラインストアにアクセスしてみてください。ページの読み込みに失敗した場合、Shopifyサポートに連絡してストアフロントに関連したサポートを受けてください。

HTMLエラーが見つかりました

テーマエディタでテーマ設定を変更すると、エディタに「HTMLエラーが見つかりました」という警告メッセージが表示されることがあります。

HTMLエラーのバナー

このエラーメッセージは、テーマコードに構文エラーが見つかったときに表示されます。この問題を解決するには、エラーメッセージで参照されているLiquidファイルのコードを確認します。上記の例では、slideshow.liquidがそれに当たります。

テーマコードで問題を見つける

  1. エラーメッセージでリンクされている.liquidセクションファイルをクリックします。クリックすると、[HTML/CSSの編集ページ] に移動し、ファイルがコードエディタで開きます。
  2. ファイルのコードをよく調べ、無効なHTMLまたはLiquidを探してください。コードエディタでは、考えられる構文エラーが赤色で表示されます。一般的な問題には、以下の要素が含まれます。

    • 余分なHTML終了タグ (例: 開始タグなしの</div>終了タグ) <div>
    • 余分なHTML開始タグ (例: 終了タグなしの<div>開始タグ) </div>
    • 不正な形式のHTMLタグ (例: クラスなしの<div class="my-class") >
    • 不正な形式のLiquidコード
    • 含まれたテーマスニペットファイルの壊れたHTML
  3. 問題が見つかったら、テーマファイルのコードを修正します。

  4. [保存] をクリックします。

  5. [カスタマイズ] をクリックしてテーマエディタに戻り、エラーメッセージがなくなったことを確認します。

その他のソリューション

これまでの手順に従っても問題を解決できない場合、次のオプションを検討してください。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す