トラブルシューティング

以下は、テーマエディタに関してよく発生する問題とその解決方法です。テーマエディタで問題が発生している場合、該当する問題が以下にあるかどうかを確認してください。

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

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

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

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

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

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

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

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

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

テーマコードに構文エラーがある場合、テーマエディタに「HTMLエラーが見つかりました」という警告メッセージが表示されます。

このエラーを解決するには、エラーメッセージで参照されているLiquidファイルのコードを確認します。

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

1. エラーメッセージにリンクされている.liquidセクションファイルをクリックします。クリックすると、[HTML/CSSの編集ページ] に移動し、ファイルがコードエディタで開きます。

2. ファイルのコードをよく調べ、無効なHTMLまたはLiquidを探してください。コードエディタでは、考えられる構文エラーが赤色で表示されます。一般的な問題には、以下の要素が含まれます。

   • 余分なHTML終了タグ (例: 開始タグなしの</div>終了タグ) <div>
   • 余分なHTML開始タグ (例: 終了タグなしの<div>開始タグ) </div>
   • 不正な形式のHTMLタグ (例: クラスなしの<div class="my-class") >
   • 不正な形式のLiquidコード
   • 含まれたテーマスニペットファイルの壊れたHTML

3. 問題が見つかったら、テーマファイルのコードを修正します。

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

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

その他のソリューション

トラブルシューティングの一般的な手順を確認してもなおテーマで問題が発生している場合、以下のオプションを検討してください。

• 旧バージョンのテーマファイルにロールバックする。
• テーマストアから最新バージョンのテーマをインストールし、それに切り替える。
• 使用中のテーマに関して利用できるサポートを確認する。