疑難排解

請依序進行以下檢查，前兩項可解決大部分的情況。

徽章未顯示在商店前台

警告

請從這裡開始：在應用程式的 Dashboard 上，查看 Explore outstanding features 旁的狀態標籤。如果顯示 App embed inactive，應用程式建立的任何內容都不會顯示。請參閱在佈景主題中啟用應用程式。

注意

**詢問 Sidekick。**在 Shopify 後台中，詢問 Sidekick *「為什麼 [商品名稱] 沒有我的 [徽章名稱] 徽章？」*它會檢查應用程式嵌入，並說明是哪個條件隱藏了徽章。請參閱找出徽章沒有顯示的原因。

檢查項目	該注意什麼
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 選擇器覆寫，以精確放置徽章。

徽章在手機和桌機上看起來不同

1. 開啟 Design 分頁中的 Size 區段，並檢查 Responsive size。Use same size on desktop and mobile 會對兩者套用相同的尺寸。
2. 將 Responsive size 切換為自訂選項，即可為每種裝置設定各自的尺寸。
3. 使用預覽上方的桌機／手機預覽切換，在發佈前檢查手機版的顯示效果。

橫幅未顯示

1. 確認橫幅狀態是 Active，而不是 Draft。
2. 在 Placement 分頁中，檢查顯示 Position：設為 Custom 的橫幅，在您將其短代碼貼到佈景主題之前，不會顯示在任何地方。
3. 檢查條件面板。不同面板中的條件必須全部通過。
4. 在 Visibility date 下，確認今天落在開始／結束的時間範圍內。

請參閱設定顯示條件。

信任徽章或亮點區塊未顯示

1. 確認信任徽章或亮點區塊的狀態是 Active。
2. 如果您使用短代碼放置，請確認程式碼片段位於佈景主題 Liquid 檔案中您預期的精確位置。
3. 在 Placement 分頁中，確認頁面類型和位置與您查看的地方相符。

佈景主題整合問題

1. 在 Dashboard 上，查看 Explore outstanding features 旁的狀態標籤。
2. 如果顯示 App embed inactive，請在佈景主題編輯器中啟用應用程式嵌入，請參閱在佈景主題中啟用應用程式。
3. 如果您的佈景主題不支援應用程式嵌入，請聯絡 [email protected]，了解其他安裝方式。

後續步驟

• 常見問題：常見問題的快速解答。
• 聯絡支援團隊：將詳細資料寄給我們，我們會進行調查。

提示

需要支援嗎？

如果這些解決方法都無效，請透過 [email protected] 聯絡我們，並附上您的商店網址和出現問題的商品頁面。