コンテンツにスキップ
7日間無料で試す
日本語
Claudeで開く このページについて質問するChatGPTで開く このページについて質問する

トラブルシューティング

バッジ、バナー、トラストバッジ、ハイライトが想定どおりに表示されない、よくある問題を解決します。

以下の確認事項を順番に行ってください。最初の2つで、ほとんどのケースが解決します。

バッジがストアフロントに表示されない

Section titled “バッジがストアフロントに表示されない”
確認事項 確認する内容
Badge status バッジエディタのステータススイッチがActiveになっている必要があります。Draftのバッジは表示されません。
Product targeting Productsタブで、表示している商品が条件に実際に一致していることを確認します。コレクションを対象にした場合は、その商品がコレクションに含まれているか確認します。
Page conditions Displayタブで、表示しているページが選択されていることを確認します。商品ページのみを対象にした場合、コレクションページやホームページにはバッジが表示されません。
Schedule Display > Visibility Date & Countdownで、現在の時刻が開始と終了の期間内にあることを確認します。
Browser cache シークレットウィンドウで再読み込みします。キャッシュされたページに、古いストアフロントが表示されている場合があります。
Page builder PageFly、GemPages、Shogunで作成したページでは、Displayタブでページ条件を調整します。
  1. Designタブの位置設定を確認します。Inside product imageまたはOutside product imageを確認し、次に定義済みの位置を確認します。
  2. Outside product imageの場合は、Predefined positionドロップダウン(たとえばBelow the product price)と、左揃え、中央揃え、右揃えのコントロールを確認します。
  3. カスタム位置を使用している場合は、基準にした要素がテーマに実際にあることを確認します。テーマによって、商品ページのHTMLは異なります。
  4. 標準的でないレイアウトの場合は、Advanced settingsでCSSセレクターの上書きを使用して、バッジを正確に配置します。

モバイルとデスクトップでバッジの見た目が異なる

Section titled “モバイルとデスクトップでバッジの見た目が異なる”
  1. DesignタブのSizeセクションを開き、Responsive sizeを確認します。Use same size on desktop and mobileを選択すると、両方に同じサイズが適用されます。
  2. Responsive sizeをカスタムのオプションに切り替えると、デバイスごとに別々のサイズを設定できます。
  3. 公開する前に、プレビューの上にあるデスクトップ/モバイルの切り替えで、モバイルでの表示を確認します。
  1. バナーのステータスがDraftではなくActiveになっていることを確認します。
  2. Placementタブで、表示のPositionを確認します。Customに設定したバナーは、ショートコードをテーマに貼り付けるまで、どこにも表示されません。
  3. 条件パネルを確認します。異なるパネルの条件は、すべて満たす必要があります。
  4. Visibility dateで、今日が開始と終了の期間内にあることを確認します。

表示条件を設定するをご覧ください。

トラストバッジまたはハイライトが表示されない

Section titled “トラストバッジまたはハイライトが表示されない”
  1. トラストバッジまたはハイライトのステータスがActiveになっていることを確認します。
  2. ショートコードで配置した場合は、スニペットが、テーマのLiquidファイル内の想定した位置にあることを確認します。
  3. Placementタブで、ページタイプと位置が、確認している場所と一致していることを確認します。
  1. Dashboardで、Explore outstanding featuresの横にあるステータスチップを確認します。
  2. App embed inactiveと表示されている場合は、テーマエディタでアプリの埋め込みを有効にします。テーマでアプリを有効にするをご覧ください。
  3. お使いのテーマがアプリの埋め込みに対応していない場合は、[email protected]までお問い合わせください。別のインストール方法をご案内します。

このページは役に立ちましたか?