Shopify模版是決定在線商店外觀的模板。不同模版的樣式和布局有所不同,可為客戶提供不同的體驗。例如,如果您銷售的是水療產(chǎn)品,那么您可能希望您的在線商店給人一種放松和奢華的感覺?;蛘?,如果您銷售的是電子產(chǎn)品,那么您可能希望您的Shopify在線商店外觀時尚且充滿活力。
您可以使用模版編輯器從Shopify后臺自定義模版設(shè)置。如果Shopify模版中的設(shè)置沒有涵蓋您想進(jìn)行的更改,則可以編輯您的模版代碼。
當(dāng)您更改Shopify模版或切換到新模版時,并不會影響您帳戶的其他部分。您可以使用不同的模版樣式和設(shè)置,而無需擔(dān)心后臺中的其他內(nèi)容。
本篇文章將為您詳細(xì)介紹關(guān)于Shopify模板的三個方面:
1.如何編輯自定義Shopify模板設(shè)置
2.如何編輯Shopify模板代碼
3.如何發(fā)布新的Shopify模板
一、編輯自定義Shopify模版設(shè)置
您可以編輯Shopify模版設(shè)置以自定義在線商店的內(nèi)容、布局、版式和顏色。每個Shopify模版都提供了一些設(shè)置,可供您用于更改Shopify商店的外觀,而無需編輯任何代碼。
1.自定義模版前的準(zhǔn)備工作
在自定義模版之前,最好執(zhí)行以下任務(wù):
(1)復(fù)制您的Shopify模版以創(chuàng)建一個備份副本。這使您在需要時能夠輕松地放棄更改并重新開始進(jìn)行自定義。
(2)確保您了解可用的支持級別。
(3)了解上傳圖片的要求和最佳做法。
2.編輯您的Shopify模版設(shè)置
具體操作步驟:
(1)在Shopify后臺中,轉(zhuǎn)到在線商店 > 模版。
(2)找到您要編輯的模版,然后點擊自定義。
不同類型的頁面具有不同的模版分區(qū)。首次打開Shopify模版編輯器時,將顯示Shopify主頁的設(shè)置。要訪問其他頁面的設(shè)置,請從頂欄下拉菜單中選擇頁面類型:
模版編輯器工具欄分為分區(qū)和模版設(shè)置。
您可以使用分區(qū)修改Shopify商店上不同頁面的內(nèi)容和布局。您可以使用模版設(shè)置對商店的字體和顏色進(jìn)行自定義,并且對社交媒體鏈接和結(jié)賬設(shè)置進(jìn)行更改。
提示:如果使用來自Shopify的免費模版,那么您可以通過參閱來自Shopify的免費模版以及單擊模版的名稱來查看此模版的分區(qū)和設(shè)置的詳細(xì)信息。
3.獲取有關(guān)自定義項的幫助
如需更改Shopify模版方面的幫助,則可以聯(lián)系您的模版開發(fā)人員尋求支持。
二、編輯Shopify模版代碼
您可以通過編輯Shopify模版代碼來對在線商店進(jìn)行詳細(xì)更改。構(gòu)成模版的大多數(shù)文件都包含Liquid,這是Shopify的模版語言。模版文件還包含HTML、CSS和JavaScript。只有在您了解HTML和CSS,并具備Liquid的相關(guān)基礎(chǔ)知識時,才可編輯Shopify模版的代碼。
1.編輯Shopify模版代碼具體操作如下:
(1)在 Shopify后臺中,轉(zhuǎn)到在線商店 > 模版。
(2)單擊操作 > 編輯代碼。
(3)代碼編輯器的左側(cè)顯示了模版文件的目錄,右側(cè)顯示了用于查看和編輯文件的空間:
(4)可以通過單擊展開圖標(biāo)來展開代碼編輯器以填充屏幕
(5)可以通過單擊折疊圖標(biāo)來將頁面恢復(fù)正常
(6)單擊左側(cè)目錄中的文件時,它將在代碼編輯器中打開。您可以一次打開和編輯多個文件。您修改的所有文件都會在文件名旁邊顯示一個紫色圓點:
這可以幫助您跟蹤已做出更改的地方。
如果在單擊保存后想要恢復(fù)對文件的任何更改,請打開此文件,然后單擊舊版本。下拉菜單將顯示您每次保存的日期和時間。選擇要恢復(fù)到的版本,然后單擊保存。
當(dāng)代碼編輯器擴(kuò)大至全屏?xí)r,您可以通過單擊頁面底部的按鈕在亮和暗之間切換編輯器顏色方案:
2.Shopify模版代碼自定義教程
您可以按照模版代碼自定義教程來指導(dǎo)您對在線Shopify商店進(jìn)行更改。此教程是根據(jù)他們修改的頁面或功能類型進(jìn)行整理的。
三、發(fā)布新的Shopify模版
您最多可以為在線商店添加 20 個模版,但一次只能發(fā)布一個模版。已發(fā)布的Shopify模版是客戶在訪問您的在線商店時看到的模版。已發(fā)布的模版將顯示在模版頁面的當(dāng)前模版部分中,未發(fā)布的模版將顯示在更多模版部分中。
發(fā)布新模版時,先前發(fā)布的模版將移至更多模版部分。不會丟失您進(jìn)行的任何模版更改。
總共有2種方式可以發(fā)布新的Shopify模板:模版編輯器和Shopify后臺
1.從后臺發(fā)布Shopify模版
步驟:
(1)在 Shopify 后臺中,轉(zhuǎn)到在線商店 > 模版。
(2)在更多模版部分中,查找要發(fā)布的模版,然后單擊操作 > 發(fā)布。
(3)在發(fā)布...窗口中,單擊發(fā)布。
發(fā)布新模版后,您之前的Shopify模版會顯示在模版頁面的更多模版部分。
2.從模版編輯器中發(fā)布模版
具體操作如下:
(1)在 Shopify 后臺中,轉(zhuǎn)到在線商店 > 模版。
(2)在更多模版部分中,查找要發(fā)布的模版,然后單擊自定義。
(3)在模版編輯器的頂欄上,單擊發(fā)布。
(4)在發(fā)布...窗口中,單擊發(fā)布。
發(fā)布新模版后,您之前的模版會顯示在模版頁面的更多模版部分。