疑難排解

查看在使用佈景主題編輯器時可能會遇到的常見問題，以及相關的解決方法。如果您在使用佈景主題編輯器時遇到問題，請檢視以下內容是否包含您遇到的問題。

頁面正在重新導向至不支援的 URL

如果您店面包含的程式碼，會將使用者重新導向至沒有連結您商店的 URL，請驗證該重新導向功能已在您造訪佈景主題編輯器時停用。

舉例來說，店面可能會新增此類型的重新導向，以根據顧客位置，將其導向不同的 Shopify 商店。此類型的重新導向程式碼，可能存在於您安裝的佈景主題或應用程式中。

為確保重新導向不會干擾您的編輯體驗，請在 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. 點擊「自訂」以返回佈景主題編輯器，並確認錯誤訊息已消失。

其他解決方案

若查看常見疑難排解步驟後，仍無法解決佈景主題的問題，請考慮下列解決方案：

• 撤回至舊版佈景主題檔案。
• 從 Shopify Theme Store 安裝並切換至最新版的佈景主題。
• 瞭解您的佈景主題可獲得哪些支援。