疑難排解
此頁面列印時間為 Mar 19, 2024。如須最新版本,請至 https://help.shopify.com/zh-TW/manual/online-store/themes/theme-support/troubleshooting。
查看在使用佈景主題編輯器時可能會遇到的常見問題,以及相關的解決方法。如果您在使用佈景主題編輯器時遇到問題,請檢視以下內容是否包含您遇到的問題。
頁面正在重新導向至不支援的 URL
如果您店面包含的程式碼,會將使用者重新導向至沒有連結您商店的 URL,請驗證該重新導向功能已在您造訪佈景主題編輯器時停用。
舉例來說,店面可能會新增此類型的重新導向,以根據顧客位置,將其導向不同的 Shopify 商店。此類型的重新導向程式碼,可能存在於您安裝的佈景主題或應用程式中。
為確保重新導向不會干擾您的編輯體驗,請在 JavaScript 中參考 window.Shopify.designMode
變數的值,以在您造訪佈景主題編輯器時,停用該重新導向功能。在編輯器中載入店面時,此變數會設為 true
,而編輯器未載入店面時,此變數則設為 false
。
頁面因發生錯誤而無法載入
載入佈景主題編輯器中的頁面可能因各種原因發生錯誤,常見問題包含以下幾種:
- 網路連線問題
- 佈景主題中有無效的 Liquid 程式碼。
如果您已確認不是這些問題造成錯誤,請導覽至佈景主題編輯器中的「佈景主題動作」>「預覽佈景主題」,嘗試由此造訪您的網路商店。如果無法載入頁面,您可以聯絡 Shopify 支援服務以取得店面相關的協助。
找到 HTML 錯誤
如果您的佈景主題程式碼含有語法錯誤,則佈景主題編輯器中將顯示「找到 HTML 錯誤」的警告訊息。
若要解決這個錯誤,請檢查錯誤訊息引用的 Liquid 檔案程式碼。
在佈景主題程式碼中找出問題
- 按一下錯誤訊息中連結的
.liquid
區段檔案。系統會將您導向至編輯 HTML/CSS 頁面,並且在程式碼編輯器中開啟該檔案。 -
查看檔案中的程式碼,並嘗試找出無效的 HTML 或 Liquid。程式碼編輯器將以紅色顯示潛在的語法錯誤。常見問題包含:
- 多餘的 HTML 結束標籤 (例如缺少開頭標籤的結束標籤
</div>
)<div>
- 多餘的未結束 HTML 標籤 (例如缺少結束標籤的開頭標籤
<div>
)</div>
- 格式錯誤的 HTML 標籤 (例如
<div class="my-class"
缺少>
- 格式錯誤的 Liquid 程式碼
- 內含佈景主題程式碼片段檔案中損毀的 HTML
- 多餘的 HTML 結束標籤 (例如缺少開頭標籤的結束標籤
找到問題後,請修正佈景主題檔案中的程式碼。
點擊「儲存」。
點擊「自訂」以返回佈景主題編輯器,並確認錯誤訊息已消失。
其他解決方案
若查看常見疑難排解步驟後,仍無法解決佈景主題的問題,請考慮下列解決方案:
- 撤回至舊版佈景主題檔案。
- 從 Shopify Theme Store 安裝並切換至最新版的佈景主題。
- 瞭解您的佈景主題可獲得哪些支援。