「Shopify模板」Shopify模板編輯&Shopify模板代碼更改教程

Shopify模版是決定在線商店外觀的模板。不同模版的樣式和布局有所不同，可為客戶提供不同的體驗。例如，如果您銷售的是水療產品，那麼您可能希望您的在線商店給人一种放松和奢華的感覺。或者，如果您銷售的是電子產品，那麼您可能希望您的Shopify在線商店外觀時尚且充滿活力。

您可以使用模版編輯器從Shopify後台自定義模版設置。如果Shopify模版中的設置沒有涵蓋您想進行的更改，則可以編輯您的模版代碼。

當您更改Shopify模版或切換到新模版時，並不會影響您帳戶的其他部分。您可以使用不同的模版樣式和設置，而無需擔心後台中的其他內容。

本篇文章將為您詳細介紹關於Shopify模板的三個方面：

1.如何編輯自定義Shopify模板設置

2.如何編輯Shopify模板代碼

3.如何發布新的Shopify模板

一、編輯自定義Shopify模版設置

您可以編輯Shopify模版設置以自定義在線商店的內容、布局、版式和顏色。每個Shopify模版都提供了一些設置，可供您用於更改Shopify商店的外觀，而無需編輯任何代碼。

1.自定義模版前的準備工作

在自定義模版之前，最好執行以下任務：

（1）複製您的Shopify模版以創建一個備份副本。這使您在需要時能夠輕鬆地放棄更改並重新開始進行自定義。

（2）確保您了解可用的支持級別。

（3）了解上傳圖片的要求和最佳做法。

2.編輯您的Shopify模版設置

具體操作步驟：

（1）在Shopify後台中，轉到在線商店 > 模版。

（2）找到您要編輯的模版，然後點擊自定義。

不同類型的頁面具有不同的模版分區。首次打開Shopify模版編輯器時，將顯示Shopify主頁的設置。要訪問其他頁面的設置，請從頂欄下拉菜單中選擇頁面類型：

模版編輯器工具欄分為分區和模版設置。

您可以使用分區修改Shopify商店上不同頁面的內容和布局。您可以使用模版設置對商店的字體和顏色進行自定義，並且對社交媒體鏈接和結賬設置進行更改。

提示：如果使用來自Shopify的免費模版，那麼您可以通過參閱來自Shopify的免費模版以及單擊模版的名稱來查看此模版的分區和設置的詳細信息。

3.獲取有關自定義項的幫助

如需更改Shopify模版方面的幫助，則可以聯繫您的模版開發人員尋求支持。

二、編輯Shopify模版代碼

您可以通過編輯Shopify模版代碼來對在線商店進行詳細更改。構成模版的大多數文件都包含Liquid，這是Shopify的模版語言。模版文件還包含HTML、CSS和JavaScript。只有在您了解HTML和CSS，並具備Liquid的相關基礎知識時，才可編輯Shopify模版的代碼。

1.編輯Shopify模版代碼具體操作如下：

（1）在 Shopify後台中，轉到在線商店 > 模版。

（2）單擊操作 > 編輯代碼。

（3）代碼編輯器的左側顯示了模版文件的目錄，右側顯示了用於查看和編輯文件的空間：

（4）可以通過單擊展開圖標來展開代碼編輯器以填充屏幕

（5）可以通過單擊摺疊圖標來將頁面恢復正常

（6）單擊左側目錄中的文件時，它將在代碼編輯器中打開。您可以一次打開和編輯多個文件。您修改的所有文件都會在文件名旁邊顯示一個紫色圓點：

這可以幫助您跟蹤已做出更改的地方。

如果在單擊保存後想要恢復對文件的任何更改，請打開此文件，然後單擊舊版本。下拉菜單將顯示您每次保存的日期和時間。選擇要恢復到的版本，然後單擊保存。

當代碼編輯器擴大至全屏時，您可以通過單擊頁面底部的按鈕在亮和暗之間切換編輯器顏色方案：

2.Shopify模版代碼自定義教程

您可以按照模版代碼自定義教程來指導您對在線Shopify商店進行更改。此教程是根據他們修改的頁面或功能類型進行整理的。

三、發布新的Shopify模版

您最多可以為在線商店添加 20 個模版，但一次只能發布一個模版。已發布的Shopify模版是客戶在訪問您的在線商店時看到的模版。已發布的模版將顯示在模版頁面的當前模版部分中，未發布的模版將顯示在更多模版部分中。

發布新模版時，先前發布的模版將移至更多模版部分。不會丟失您進行的任何模版更改。

總共有2種方式可以發布新的Shopify模板：模版編輯器和Shopify後台

1.從後台發布Shopify模版

步驟：

（1）在 Shopify 後台中，轉到在線商店 > 模版。

（2）在更多模版部分中，查找要發布的模版，然後單擊操作 > 發布。

（3）在發布...窗口中，單擊發布。

發布新模版後，您之前的Shopify模版會顯示在模版頁面的更多模版部分。

2.從模版編輯器中發布模版

具體操作如下：

（1）在 Shopify 後台中，轉到在線商店 > 模版。

（2）在更多模版部分中，查找要發布的模版，然後單擊自定義。

（3）在模版編輯器的頂欄上，單擊發布。

（4）在發布...窗口中，單擊發布。

發布新模版後，您之前的模版會顯示在模版頁面的更多模版部分。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！