トラブルシューティング

注目のリンク

1. オンラインストアのテーマのトラブルシューティングに関するShopifyドキュメント
2. URLリダイレクトの作成と管理に関するShopifyドキュメント
3. Shopify管理画面のテーマエディター
4. テーマコードの編集に関するShopifyドキュメント
5. テーマコードの編集に関するShopifyドキュメント
6. テーマサポートに関するShopifyドキュメント

ShopifyテーマエディターでAlignをカスタマイズする際は、以下の手順でエディターやストアフロントに関する一般的な問題を解決してください。Align固有のガイダンスについては、Company XYZのドキュメントを確認し、Company XYZサポートにお問い合わせください。Shopifyプラットフォームに関する追加のトラブルシューティングについては、Shopifyのテーマのトラブルシューティングリファレンスを参照してください。

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

ストアフロントのコードが、ショップに関連付けられていないURLに訪問者をリダイレクトしていないか確認してください。Shopifyテーマエディターを使用している間は、リダイレクトを無効にしてください。

たとえば、ストアフロントで、訪問者の所在地に応じて異なるストアに顧客をリダイレクトしている場合があります。このリダイレクトコードは、Alignテーマのカスタマイズの一部であるか、インストール済みアプリによって追加されたものである可能性があります。

リダイレクトによってエディターが中断されないようにするには、JavaScriptのwindow.Shopify.designMode変数を使用して、テーマエディターでのリダイレクトを無効にします。ストアフロントがエディターで読み込まれるとき、この変数はtrueになり、エディターで読み込まれないときはfalseになります。

リダイレクトの設定の詳細については、URLリダイレクトの作成と管理に関するShopifyドキュメントを参照してください。

ページを読み込めない

テーマエディターでページを読み込めない原因には、次のようなものがあります。

1. ネットワーク接続の問題
2. テーマ内の無効なLiquidコード

これらの原因を除外できた場合は、Theme actions > Preview themeを選択して、テーマエディターからストアフロントを開きます。プレビューでもページを読み込めない場合は、問題がエディター以外のストアフロントにも影響しています。Shopifyプラットフォームまたはストアフロントについてサポートが必要な場合は、Shopify Supportにお問い合わせください。

HTMLエラーが見つかった

テーマエディターに表示されるHTML error found警告は、通常、テーマコードに構文エラーがあることを意味します。エラーメッセージに記載されているLiquidファイルを確認し、問題を特定して修正してください。

コード編集の詳細については、テーマコードの編集に関するShopifyドキュメントを参照してください。

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

1. エラーメッセージにリンクされている.liquidセクションファイルを選択します。ファイルがEdit HTML/CSSページで開きます。

2. ファイルに無効なHTMLまたはLiquidがないか確認します。コードエディターでは、構文エラーの可能性がある箇所が赤色で強調表示されます。

   よくある問題には、次のようなものがあります。

   • 開始タグのない</div>など、余分な終了HTMLタグ
   • 終了タグのない開始<div>など、閉じられていないHTMLタグ
   • >で閉じられていない<div class="my-class"など、形式が正しくないHTMLタグ
   • 形式が正しくないLiquidコード
   • 含まれているテーマスニペットファイル内の壊れたHTML

3. テーマファイル内の問題を修正します。

4. Saveを選択します。

5. Customizeを選択してテーマエディターに戻り、警告が消えたことを確認します。

その他の解決策

上記の手順を試しても問題が解決しない場合は、次の方法を検討してください。

1. テーマファイルを以前のバージョンにロールバックする。
2. テーマで利用できるサポートを確認します。Align固有の動作や設定についてサポートが必要な場合は、Company XYZサポートにお問い合わせください。

使用上の注意

1. エディターでリダイレクトをテストします。 Alignをカスタマイズしている間は、訪問者をショップから別の場所へ移動させるリダイレクトが無効になっていることを確認してください。
2. プレビューを使用して読み込みの問題を切り分けます。 エディターとテーマのプレビューの両方でページを読み込めない場合、問題はエディターだけでなくストアフロントにも影響している可能性があります。
3. エラーメッセージに従います。 HTML警告でリンクされているファイルから確認を始め、強調表示されたコードを使って問題を絞り込みます。
4. 保存して再確認します。 修正するたびにCustomizeに戻り、エラーが解決されたことを確認してください。