バリエーション画像を選択しても表示されないのはなぜですか?

1. 各バリエーションにShopifyで画像があるか確認する

• すべてのバリエーションには、Shopify で割り当てられた画像が少なくとも 1 つ必要です。
• に行く Shopify管理画面 > 商品 > [あなたの商品] > バリエーション 各バリアントに割り当てられた画像を確認します。
  バリエーションに画像が割り当てられていない場合は、それを選択しても商品画像は更新されません。

2. GemPagesで正しい商品が割り当てられていることを確認する

• GemPagesエディタを開き、 製品モジュール あなたのページに。
• その 製品を選択 正しい製品がリンクされるように設定します。
• 商品が割り当てられていないか間違った商品が割り当てられている場合、バリアント画像は正しく更新されません。

詳細については、この記事を参照してください。 製品の割り当て方法.

3. GemPagesで適切なバリアント要素を使用する

• GemPagesはバリアント選択をサポートしており、 製品のバリエーションとサンプル 要素。
• サポートされていないカスタム ドロップダウンや、バリアントの選択を画像の更新に結び付けない要素を使用すると、画像が変更されない可能性があります。
• バリアント オプションを画像にリンクするには、正しいバリアント要素を使用して構成してください。

詳細については、次の記事を参照してください。 製品バリエーションとスウォッチ要素.

4. 製品とそのバリエーションはオンラインストアで有効かつ入手可能である必要があります

• Shopify管理画面で、商品のステータスは 有効.
• 製品は、 オンラインストア 販売チャネル。
• バリアントはまだ存在し、利用可能である必要があります。

5. 競合やカスタムコードの問題を確認する

• カスタムコード GemPages または Shopify テーマに追加されたものは、バリアント画像の更新と競合する可能性があります。
• 画像の変更、スライダー、遅延読み込みに関連するスクリプトを一時的に無効にして、問題の原因となっているかどうかをテストします。

6. ブラウザとウェブサイトのキャッシュをクリアする

• ブラウザまたは Web サイトのキャッシュが古い画像を提供し、新しいバリアント画像の読み込みを妨げることがあります。
• Ctrl + F5 でページを更新するか、ブラウザのキャッシュをクリアしてください。
• キャッシュプラグインまたは CDN を使用する場合は、キャッシュがクリアされていることを確認してください。

7. 画像の形式とサイズを確認する

• Shopify では、適切なファイル サイズの JPG、PNG、または WebP 画像形式の使用を推奨しています。
• 非常に大きい画像や破損した画像は正しく読み込まれない場合があります。

詳しくはこの記事をご覧ください ページ上の画像が読み込み速度に与える影響.

8. GemPages製品モジュールの設定を確認する

• 以内 製品モジュール GemPages で、バリアント画像の表示に関連する設定が有効になっていることを確認します。
• 一部のトグルは、バリアントを選択すると製品画像が自動的に更新されるかどうかを制御します。

9. 変更内容をプレビューして公開する

• 常に Save あなたの作品と プレビュー 公開前にバリアント画像の切り替えをテストするための GemPages のモード。
• さまざまなバリエーションでバリエーション画像が正しく更新されていることを確認した後でのみ、ページを公開してください。

これらの手順をすべて実行しても製品バリアント画像が正しく表示されない場合は、お問い合わせください。 GemPages サポート 製品とページに関する詳細な情報をお知らせください。さらにサポートさせていただきます。