疑難排解

如果您在使用佈景主題編輯器時遇到問題,請檢查以下內容是否包含您的問題。

常見問題

問題:無法載入頁面

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

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

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

為確保重新導向不會干擾您的編輯體驗,請在您的佈景主題 JavaScript 程式碼中,將 window.location.href = 替換成 window.parent.location.href =。如果無法進行上述作業,請在 JavaScript 中引用參考 window.Shopify.designMode 變數,以在您造訪佈景主題編輯器時,停用該重新導向功能。在編輯器載入店面時,此變數設定為 true,編輯器未載入店面時,設定為 false

頁面因發生錯誤而無法載入

載入佈景主題編輯器中的頁面可能因各種原因發生錯誤,常見問題包含以下幾種:

  • 網路連線問題
  • 佈景主題中有無效的 Liquid 程式碼。

如果您已確認不是這些問題造成錯誤,請導覽至佈景主題編輯器中的「佈景主題動作」>「預覽佈景主題」,嘗試由此造訪您的線上商店。如果無法載入頁面,您可以聯絡 Shopify 支援服務以取得店面相關的協助。

找到 HTML 錯誤

佈景主題編輯器中變更佈景主題設定時,您可能會在編輯器中看到一則「發現 HTML 錯誤」的警告訊息:

HTML 錯誤橫幅

在佈景主題程式碼中發現語法錯誤時,會顯示此錯誤訊息。若要解決此問題,您可以檢查錯誤訊息中引用的 Liquid 檔案中的程式碼。在上方的範例中,這會是 slideshow.liquid

在佈景主題程式碼中找出問題

  1. 點擊錯誤訊息中連結的 .liquid 區段檔案。系統會將您導向至「編輯 HTML/CSS 頁面」,並且該檔案將在程式碼編輯器中開啟。

  2. 查看檔案中的程式碼,並嘗試找出無效的 HTML 或 Liquid。程式碼編輯器將以紅色顯示潛在的語法錯誤。常見問題包含:

  • 多餘的 HTML 結束標籤 (例如缺少開頭標籤的結束標籤 </div>) <div>
  • 多餘的未結束 HTML 標籤 (例如缺少結束標籤的開頭標籤 <div>) </div>
  • 格式錯誤的 HTML 標籤 (例如 <div class="my-class" 缺少 >
  • 格式錯誤的 Liquid 程式碼
  • 內含佈景主題程式碼片段檔案中損毀的 HTML
  1. 找到問題後,請修正佈景主題檔案中的程式碼。

  2. 點擊「儲存」。

  3. 點擊「自訂」以返回佈景主題編輯器,並確認錯誤訊息已消失。

其他解決方案

如果您無法按照之前的步驟解決問題,請考慮下列選項:

準備好開始透過 Shopify 銷售商品了嗎?

免費試用