Shopify全攻略（3）：店鋪的設計與配置

在完成了基本的功能配置之後，我們接下來要配置和設計好我們的店鋪。完成了店鋪的設計和配置之後，我們的電商獨立站點就可以正式上線對外了。

1、店鋪主題模板選擇

用shopify來做獨立站的一個好處就是：我們可以建一個獨立的個人電商網站，都完全不需要去寫程式碼，不需做後臺，不需要做頁面設計。

因為這一切，都是通過選擇shopify提供的模板就可以完成。

登入shopify後，選擇 Online Store 下面的 Themes ，進入主題選擇。

右邊的 Current theme 就是你當前正在使用的主題。

我們可以到Shopify的主題商店裡挑選我們需要的主題。

點選 Vistit Theme Store 進入到 shopify的主題 商店。

我相信很多人剛開始來挑選主題模板時，肯定很糾結，挑花了眼。

這款不錯，那款好像也很好，咦這款的設計真有特色！

恨不得把所有的主題都試過一邊。

但是在這裡，我想跟你說的是—— 剛開始，完全沒有必要花太多時間去對主題進行精挑細選，可以說能用就行，不要太在意其他的。等你後期完全確定自己的產品和風格之後，你再回過頭來想這個問題。事實上，有很多人的店鋪產品是很雜的，什麼型別的東西都賣，根本不可能統一的。

那麼在剛開始，主題怎麼選？

很簡單，選一個免費的.......

點選 ALL THEMES , 再勾選 Free 。 Shopify的主題商店上，現在有10款可以免費使用的主題。隨便選一款就是了。

2、主題啟用

新增好主題之後，在你的shopify裡，點選主題的 Customize，進入到主題的配置。

後面以Simple主題為例進行說明。

左邊欄的 Sections 是用來配置你的頁面的每一個模組的。

3、Header配置

LOGO處可以上傳自己網站的LOGO 。關於如果方便地製作自己的logo，下面會教你。

ANNOUNCEMENT BAR是網站公告。你可以勾選上 Show announcement ， 然後在 Announcement text裡寫上你要發的公告。比如告訴你訪問使用者全場包郵，寫上“Free Shipping for All Orders”。

如果你需要公告可以點選，那你可以在Announcement link 這裡填上你要跳轉的網址。

4、Sidebar配置

sidebar是你的左邊欄的導航選單。

但要設定選單之前，你需要先配置好你的選單列表。

在 Online Store 裡，點選 Navigation進入到選單導航設定。

在右邊的選單配置裡，點選 Add menu itme可以為選單新增項。

Name是顯示的名字，Link是點選這個選單項要跳轉的地方。

一般情況下，選單的第一項我們都設定為 Home page , 接下來的是產品分類（ Collections ）。

當你設定好你的選單項之後，你就可以選擇配置你的選單到你的網站導航欄了。

5、SlideShow配置

你可以給你的主要新增一個幻燈片輪播。

SETTINGS是配置輪播效果的，你可以調節各個引數來得到你自己滿意的效果。

CONTENT 這塊則是配置輪播的內容，點選Add Slide 可以增加一個輪播頁。選擇一張要展示的圖片，以及點選圖片後跳轉的地址即可。會預設在圖片上面有一個“Shop Now ”的按鈕，你可以自定義這個按鈕文字。

6、Featured Collection配置

然後我們再新增一個Featured Collection ， 你可以將它名稱改為Best Sell 。

一般情況下，放在首頁的產品集，如果你已經具體的分類，那你可以給每一個產品分類新增一個Featured Collection，Heading這裡填上你的產品型別的名稱，Collection這裡選擇你建好的產品型別。

如果你店鋪的產品很多很雜，那可以乾脆就將全部的產品都放在一個Featured Collection裡。

基本上，在你剛開始的時候，首頁有輪播，有產品圖片展示列表就可以了。

Add section這裡還可以新增更多更豐富的展示型別，可以在後面繼續慢慢根據需要增加。

基本上，在我們完成上面的配置之後，店鋪的頁面配置就完成了。

可能會有人發現，不是還是Product pages , Collection pages ,Blogs , Cart 這些頁面嗎？

是的，這些頁面也可以，並且都需要配置，尤其是product pages 和cart 這兩個頁面。但在這裡，單純地用主題來配置的優化空間不大，我們需要借用shopify 的外掛來幫助我們去將這些頁面做得更好（關於如何使用外掛，後面的文章會繼續介紹）。

OK，這樣一來，店鋪的設定就基本完成了。

但你是會發現，你的店鋪的地址是  https://xxxx.myshopify.com  ， 你還需要進行域名的配置。

下一篇文章，將會介紹如何設計logo，如何配置獨立域名。