疑難排解
此頁面列印時間為 Dec 11, 2023。如須最新版本,請至 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 檔案中的程式碼。在上方的範例中,這會是 slideshow.liquid
。
在佈景主題程式碼中找出問題
- 點擊錯誤訊息中連結的
.liquid
區段檔案。系統會將您導向至「編輯 HTML/CSS 頁面」,並且該檔案將在程式碼編輯器中開啟。 -
查看檔案中的程式碼,並嘗試找出無效的 HTML 或 Liquid。程式碼編輯器將以紅色顯示潛在的語法錯誤。常見問題包含:
- 多餘的 HTML 結束標籤 (例如缺少開頭標籤的結束標籤
</div>
)<div>
- 多餘的未結束 HTML 標籤 (例如缺少結束標籤的開頭標籤
<div>
)</div>
- 格式錯誤的 HTML 標籤 (例如
<div class="my-class"
缺少>
- 格式錯誤的 Liquid 程式碼
- 內含佈景主題程式碼片段檔案中損毀的 HTML
- 多餘的 HTML 結束標籤 (例如缺少開頭標籤的結束標籤
找到問題後,請修正佈景主題檔案中的程式碼。
點擊「儲存」。
點擊「自訂」以返回佈景主題編輯器,並確認錯誤訊息已消失。
其他解決方案
如果您無法按照之前的步驟解決問題,請考慮下列選項:
- 撤回至舊版佈景主題檔案
- 從 Shopify Theme Store 安裝並切換至新版佈景主題
- 瞭解您的佈景主題可獲得哪些支援