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

來源: 雨果跨境
作者: Shopify
時間:2021-07-01
17988
Shopify模版是決定在線商店外觀的模板。如果Shopify模版中的設(shè)置沒有涵蓋您想進(jìn)行的更改,則可以編輯您的模版代碼!

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è)置,請從頂欄下拉菜單中選擇頁面類型:

【Shopify模板】Shopify模板編輯&Shopify模板代碼更改教程

模版編輯器工具欄分為分區(qū)和模版設(shè)置。

【Shopify模板】Shopify模板編輯&Shopify模板代碼更改教程

您可以使用分區(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è)顯示了用于查看和編輯文件的空間:

【Shopify模板】Shopify模板編輯&Shopify模板代碼更改教程

(4)可以通過單擊展開圖標(biāo)來展開代碼編輯器以填充屏幕

(5)可以通過單擊折疊圖標(biāo)來將頁面恢復(fù)正常

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

【Shopify模板】Shopify模板編輯&Shopify模板代碼更改教程

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

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

【Shopify模板】Shopify模板編輯&Shopify模板代碼更改教程

當(dāng)代碼編輯器擴(kuò)大至全屏?xí)r,您可以通過單擊頁面底部的按鈕在亮和暗之間切換編輯器顏色方案:

【Shopify模板】Shopify模板編輯&Shopify模板代碼更改教程

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ā)布新模版后,您之前的模版會顯示在模版頁面的更多模版部分。


立即登錄,閱讀全文
版權(quán)說明:
本文內(nèi)容來自于雨果跨境,本站不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。文章內(nèi)容系作者個人觀點,不代表快出海對觀點贊同或支持。如有侵權(quán),請聯(lián)系管理員(zzx@kchuhai.com)刪除!
優(yōu)質(zhì)服務(wù)商推薦
更多