模板可決定在線商店的組織方式、功能和樣式。不同模板的樣式和布局有所不同，并可為客戶提供不同的購(gòu)物體驗(yàn)。選擇定義你在線商店基本外觀的模板后，之后就是對(duì)模板進(jìn)行自定義以適應(yīng)你獨(dú)特的品牌需求。

Shopify 商店模板編輯器界面分為三個(gè)部分，如下圖所示。

• ·左側(cè)的側(cè)邊欄包含導(dǎo)航面板，是模板的所有內(nèi)容分區(qū)。
• ·右側(cè)的側(cè)邊欄包含設(shè)置面板，是對(duì)模板對(duì)應(yīng)內(nèi)容分區(qū)的操作設(shè)置。
• ·中間顯示的是模板預(yù)覽窗口，當(dāng)你對(duì)模板分區(qū)或塊進(jìn)行添加、編輯、刪除后，可以根據(jù)模板預(yù)覽來(lái)看展現(xiàn)的效果。

模板編輯器會(huì)在樹(shù)形圖中顯示你當(dāng)前在側(cè)邊欄中查看的模板的所有內(nèi)容。你可以使用展開(kāi)圖標(biāo)???來(lái)展開(kāi)分區(qū)結(jié)點(diǎn)以查看其中的塊，還可以使用折疊圖標(biāo)???將其折疊來(lái)隱藏塊。你可以點(diǎn)擊任何分區(qū)或塊來(lái)查看其設(shè)置。

點(diǎn)擊左側(cè)邊欄任何分區(qū)或塊，右側(cè)邊欄的設(shè)置面板就會(huì)顯示對(duì)應(yīng)分區(qū)或塊編輯的內(nèi)容。

點(diǎn)擊“添加分區(qū)”有多種模板分區(qū)樣式，根據(jù)自己想要的樣式添加編輯。

模板設(shè)置，是對(duì)在線商店的統(tǒng)一設(shè)置，根據(jù)模板的不同，里邊的模板分區(qū)和模板設(shè)置也是不一樣。

顏色：設(shè)置網(wǎng)站主要和輔助配色

板式：標(biāo)題和正文的字體和字體大小設(shè)置

布局：設(shè)置在線商店的最大顯示寬度。

按鈕：通過(guò)邊框、陰影的設(shè)置調(diào)整網(wǎng)站按鈕形狀

社交媒體：Facebook、TikTok、YouTube等社交媒體賬戶設(shè)置

CHECHOUT：結(jié)賬頁(yè)面內(nèi)容的設(shè)置

自定義頂部菜單欄：這里點(diǎn)擊“主頁(yè)”“產(chǎn)品”“頁(yè)面”等菜單，跳轉(zhuǎn)到對(duì)應(yīng)的頁(yè)面進(jìn)行分區(qū)或塊設(shè)置。

預(yù)覽檢查器是默認(rèn)啟用，以在編輯訪問(wèn)期間通過(guò)切換按鈕來(lái)打開(kāi)或關(guān)閉預(yù)覽檢查器。

啟用預(yù)覽檢查器后，點(diǎn)擊預(yù)覽窗口中網(wǎng)站的任何部分都會(huì)加載側(cè)邊欄中的相應(yīng)設(shè)置。也可以直接從預(yù)覽窗口向你的模板中添加分區(qū)和塊。

撤銷和恢復(fù)按鈕位于模板編輯器的右上方。

隱藏分區(qū)或塊：有些分區(qū)或塊只是暫時(shí)用不上，可以關(guān)閉小眼睛圖標(biāo)暫時(shí)隱藏。

更改分區(qū)或塊的位置：拖動(dòng)六個(gè)點(diǎn)圖標(biāo)，把分區(qū)或塊放到想要放的位置即可。

添加公告欄：如果你的模板有公告欄，則公告欄會(huì)顯示在分區(qū)列表或”標(biāo)頭”設(shè)置中。你可以向在線商店添加公告欄，用于顯示有關(guān)你業(yè)務(wù)的重要信息，例如:推廣活動(dòng)（折扣碼之類）、運(yùn)輸信息等等。你也可以對(duì)公告欄編輯、隱藏、刪除等。