編輯佈景主題程式碼

您可以編輯佈景主題程式碼以對線上商店內容進行詳細變更。構成佈景主題的大多數檔案含有 Liquid，這是 Shopify 的範本語言。這些檔案也包含 HTML、CSS 和 JavaScript。只有在您熟悉 HTML 和 CSS 且對 Liquid 有基本瞭解時，才應編輯佈景主題程式碼。

發展業務

如果您要新增自訂功能或程式碼，但沒有利用 HTML、CSS 和 JavaScript 開發網站的經驗，則請考慮聘請 Shopify 專家。

開始自訂佈景主題之前

在開始自訂佈景主題之前，我們建議您先進行以下動作：

• 複製您的主題，以便用來建立備份。這樣做可以讓您在需要的時候輕鬆捨棄變更內容，重新開始。
• 請務必瞭解您可獲得的支援級別。
• 請看更多有關上傳圖片規範及最佳做法的資訊。

編輯佈景主題程式碼

您可以編輯佈景主題的程式碼。

步驟：

電腦版

1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。

iPhone

1. 在 Shopify 應用程式中，點一下「商店」。
2. 在銷售管道畫面上，點一下「線上商店」。
3. 點一下「管理佈景主題」。

Android

1. 在 Shopify 應用程式中，點一下「商店」。
2. 在銷售管道畫面上，點一下「線上商店」。
3. 點一下「管理佈景主題」。

1. 依序按一下「動作 > 編輯程式碼」。

程式碼編輯器在左側顯示佈景主題文件的目錄，在右側顯示用於檢視和編輯檔案的空間。

您可以按一下展開圖示來展開程式碼編輯器以填滿畫面。

您可以按一下收合圖示將頁面恢復正常：

您在左側目錄中點擊檔案時，系統會在程式碼編輯器中開啟該檔案。您可以一次開啟多個檔案並加以編輯。系統會在您修改的任何檔案的檔案名稱旁顯示一個點。

這可協助您追蹤已進行變更的位置。

若您想在點擊「儲存」之後還原對檔案進行的任何變更，請開啟檔案，再點擊「舊版」。下拉式選單會顯示您每次儲存的日期與時間。選擇您想還原的版本，接著點擊「儲存」。

將程式碼編輯器展開為全螢幕時，您可以點擊頁面底部的按鈕來切換「淺色」和「深色」編輯器配色。

若要瞭解使用深色編輯器的優點，請參閱 Shopify 合作夥伴部落格上的《The Power of the Dark Side: Dark User Interfaces》一文。

佈景主題程式碼自訂教學

您可以遵循佈景主題程式碼自訂教學課程，在您對線上商店進行變更時指導您。教學課程按照頁面類型或修改的功能編排。

取得自訂項目的協助

如果您在變更佈景主題上需要協助，不妨洽詢佈景主題的開發人員尋求協助。

若想瞭解還有哪些資源可以幫助您自訂佈景主題，請參考其他佈景主題支援資源。