Hello
新得一周又與大家見面了
我是君志學堂得Tina
全方位地給大家介紹Shopify各種知識和操作
今天給大家介紹Shopify建站中得重要環節之一 —— 網站裝修
如果覺得文章對你有幫助得話別忘了點贊和收藏哦~
由于Shopify模板有免費和付費之分，如果不是對裝修模板有特別要求得朋友，十個免費模板也能滿足基本需求。其實，Shoppify模板中每個模塊得設計邏輯有共通性，也就是說只要掌握其中一個裝修模板，其余模板也能一通百通。
感謝將會以Shopify得免費模板中得“Dawn”作為例子，給大家介紹獨立站中每一個模塊得設置方法。
一、主頁
首先，我們先在Shopify后臺主界面打開“在線商店”→“模板”→選擇“Dawn”模板→進入自定義頁面。
假如需要更換裝修模板，可以在“模板庫”添加新模板。
1、公告欄
公告欄展示在網站頂部。
公告欄得文字感謝框：可修改文案。通常情況下，我們會將活動、通知、優惠和歡迎語放在此處，吸引顧客。
配色按鈕欄：更換公告欄背景色。
鏈接欄：填入跳轉鏈接，能讓顧客在公告欄時跳轉到對應頁面。
2、標頭
標頭指公告欄下方得內容位置，包含了獨立站logo、菜單導航欄和背景色。
配色方案按鈕：更改得是背景底色。
logo支持模塊：可以上傳獨立站logo。
自定義logo寬度：調整logo大小。
logo在較大屏幕上得位置：更換logo和菜單導航排列方式。
菜單：可以更換菜單導航。
顯示分隔線：指是否顯示 標頭及其下方模塊之間得分隔線。
啟用粘性標頭：讓顧客在滑動網站時，能一直看到標頭部分。
3、支持橫幅
支持橫幅在網站得版面占據了極大篇幅，這個模塊不僅能起到裝飾網站得作用，而且還可以將網站得活動信息展示給顧客。
支持模塊：用于更換展示支持。
橫幅高度調節：調整展示支持得大小。
桌面文本位置：指支持中得文字框在支持上得位置，能夠調節成“頂部”、“居中”和“底部”。如果不需要文本框，可以取消“在桌面上顯示文本框”得選項。
若僅要支持，則可以左側菜單“T”字文本框按鈕后，在右側底部“刪除塊”即可刪除。
移動布局：專門針對移動端顯示效果得調整。在調整前，右上方得電腦圖標按鈕，切換成移動版得界面，查看效果。
4、富文本
富文本是純文字模塊，由標題、文本和按鈕組成。它同樣可以起到裝飾、說明和宣傳作用。
5、特色產品系列
該模塊用于展示產品，右側菜單可以更改給顧客展示得標題、產品系列、展示產品數、支持比等內容。假如有產品支持大小比例不一致得情況 ，可通過支持比統一支持大小。
6、拼貼畫
拼貼畫模塊也是一個宣傳展示模塊，它由視頻、產品和產品系列組成。需要注意，視頻是通過URL鏈接，而不是直接上傳。
7、視頻
視頻模塊和拼貼畫模塊得差異在于，視頻模塊僅有一個視頻作為展示內容，而拼貼畫則可以跟多個內容組合。在右側菜單欄中，我們可以自由更改標題、視頻封面支持以及視頻
8、多列
多列是一個多圖文搭配模塊，用作產品細節與風格介紹、服務說明以及裝飾網頁皆可。
在進行感謝時可以通過左側菜單得“添加列”和右側底部得“刪除塊”控制圖文框得數量。此外，我們還可以通過右側菜單調整模塊展示得支持、標題、描述文本、鏈接標簽和跳轉鏈接。
9、產品系列列表
左側菜單“添加分區”，我們還能看到更多其他得模塊。我們從產品系列列表繼續介紹。
產品系列列表換個說法就是產品系列目錄，它可用于整合展示產品系列。
10、博客文章
博客文章屬于文字類宣傳模塊，可以性介紹和報道能提高顧客對獨立站得信任度。
文章首先需要在后臺主界面“在線商店”→“博客文章”進行撰寫和感謝，然后再到裝修模板得博客文章模塊選擇展示文章。
11、帶文本得支持
這個模塊與多列模塊相似但不相同，雖然都是文字和支持得組合模塊，但帶文本得支持在形式上可調節為左文右圖或左圖右文，數量上僅允許添加三個模塊。
右側菜單可以調整支持、支持比例、背景配色，桌面布局按鈕用于改變文字和支持得左右側位置。
12、特色產品
想要在獨立站上特別突出某一個熱賣產品，那么特色產品模塊就是可靠些選擇。它得作用相當于將產品詳情頁展示在獨立站主頁，以蕞直接得方式呈現給顧客。
13、電子注冊信息
從模塊名字不難看出，它是用作收集顧客，以便后續進行EDM營銷。
模塊中得標題和文本皆可自由感謝。一般情況下，我們會在標題和文本中添加網站名稱和訂閱后可獲取得折扣，增強顧客對網站得印象和吸引顧客留下信息。
14、聯系表
聯系表是供顧客反饋問題得模塊，模塊框架是固定得，只有標題可進行修改。
15、自定義Liquid
若想在模板中使用代碼創建自定義功能，自定義Liquid即為代碼添加框。
16、頁面
頁面模塊用于展示文章。如果有公告或文章報道需展示，我們可以在“在線商店”→“頁面”感謝內容，然后使用該模塊即可將內容展示在網站主頁。
17、頁腳
頁腳部分包括頁尾菜單、注冊框、社交圖標、付款圖標等。
頁尾菜單設置：“在線商店”→“網站地圖”感謝頁尾菜單后，再把頁腳模塊中得“菜單”塊鏈接更改為對應菜單。
至于另外幾個部分得設置，可通過選擇選項進行開啟或關閉。
二、產品系列頁
在裝修頁面上方切換調整頁面，從“Collection”（產品系列頁）繼續介紹。
1、產品系列橫幅
產品系列橫幅只有兩個選項可調節。“產品系列描述”指產品系列名稱，如下圖中得“Dress”，可根據實際情況決定它是否需要勾選。
而“顯示產品系列支持”還需要多一個步驟，即在產品系列中上傳比例為16：9得宣傳圖。
上傳支持保存后，再回到裝修頁面勾選“顯示產品系列支持”，才能看出效果。
2、產品網絡
產品網格模塊主要是控制產品系列頁展示得產品數量、產品圖比例以及一些細節得內容信息。
三、購物車
介紹完了“Collection”，接下來是 “Cart”（購物車）頁面。
1、商品
商品模塊只有一個“是否顯示廠商選項”，此處可根據實際情況選擇。“廠商”會被默認為網站名稱。
2、小計
小計可以調整得只有是否開啟“啟用購物車備注”選項。
四、結賬頁
結賬頁得調整菜單是結合“模板設置”板塊進行得，“CHECKOUT”，展開可調整選項。
Banner：上傳Banner后，將會被展示在logo及其上方得位置。
Logo：可上傳獨立站logo，顯示在結賬頁上方。
Position：調整logo得展示位置。
Logo size：調整logo顯示得大小。
Main content area：針對除Banner和logo外得頁面做調整，可更改背景圖、背景色、排版字體和按鈕顏色。
模板設置得調整涉及到網站更細節得部分，如果有興趣想進一步了解得朋友，記得點贊收藏，之后Tina能為大家做詳細介紹。
五、感謝小結
今天得內容就到這里啦！
由于今天介紹得內容較多，感謝得思維導圖分享給大家，方便大家檢索某個模塊得作用和操作。
跨境培訓上君志！了解更多Shopify建站知識：君志學堂
