Shopify店鋪如何設(shè)計(jì)？Shopify店鋪主題設(shè)置&Header配置教程

在完成了基本的Shopify功能配置之后，我們接下來要配置和設(shè)計(jì)好我們的Shopify店鋪。完成了店鋪的設(shè)計(jì)和配置之后，我們的電商獨(dú)立站點(diǎn)就可以正式上線對(duì)外了。

1.Shopify店鋪主題模板選擇

用Shopify來做獨(dú)立站的一個(gè)好處就是：我們可以建一個(gè)獨(dú)立的個(gè)人電商網(wǎng)站，都完全不需要去寫代碼，不需做后臺(tái)，不需要做頁面設(shè)計(jì)。

因?yàn)檫@一切，都是通過選擇Shopify提供的模板就可以完成。

登錄Shopify后，選擇 Online Store 下面的 Themes ，進(jìn)入主題選擇。

右邊的 Current theme 就是你當(dāng)前正在使用的主題。

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

點(diǎn)擊 Vistit Theme Store 進(jìn)入到Shopify的主題商店。

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

這款不錯(cuò)，那款好像也很好，咦這款的設(shè)計(jì)真有特色！

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

但是在這里，我想跟你說的是—— 剛開始，完全沒有必要花太多時(shí)間去對(duì)主題進(jìn)行精挑細(xì)選，可以說能用就行，不要太在意其他的。等你后期完全確定自己的產(chǎn)品和風(fēng)格之后，你再回過頭來想這個(gè)問題。事實(shí)上，有很多人的店鋪產(chǎn)品是很雜的，什么類型的東西都賣，根本不可能統(tǒng)一的。

那么在剛開始，Shopify主題怎么選？

很簡單，選一個(gè)免費(fèi)的.......

點(diǎn)擊 ALL THEMES , 再勾選 Free 。 Shopify的主題商店上，現(xiàn)在有10款可以免費(fèi)使用的主題。隨便選一款就是了。

2.Shopify主題啟用

添加好主題之后，在你的Shopify里，點(diǎn)擊主題的 Customize，進(jìn)入到主題的配置。

后面以Simple主題為例進(jìn)行說明。

左邊欄的 Sections 是用來配置你的頁面的每一個(gè)模塊的。

3.Header配置

LOGO處可以上傳自己網(wǎng)站的LOGO 。關(guān)于如果方便地制作自己的logo，下面會(huì)教你。

ANNOUNCEMENT BAR 是網(wǎng)站公告。你可以勾選上 Show announcement ， 然后在 Announcement text 里寫上你要發(fā)的公告。比如告訴你訪問用戶全場(chǎng)包郵，寫上“Free Shipping for All Orders”。

如果你需要公告可以點(diǎn)擊，那你可以在Announcement link 這里填上你要跳轉(zhuǎn)的網(wǎng)址。

sidebar 是你的左邊欄的導(dǎo)航菜單。

但要設(shè)置菜單之前，你需要先配置好你的菜單列表。

在 Online Store 里，點(diǎn)擊 Navigation 進(jìn)入到菜單導(dǎo)航設(shè)置。

在右邊的菜單配置里，點(diǎn)擊 Add menu itme 可以為菜單添加項(xiàng)。

Name 是顯示的名字，Link是點(diǎn)擊這個(gè)菜單項(xiàng)要跳轉(zhuǎn)的地方。

一般情況下，菜單的第一項(xiàng)我們都設(shè)置為 Home page , 接下來的是產(chǎn)品分類（ Collections ）。

當(dāng)你設(shè)置好你的菜單項(xiàng)之后，你就可以選擇配置你的菜單到你的網(wǎng)站導(dǎo)航欄了。

5.SlideShow配置

你可以給你的主要添加一個(gè)幻燈片輪播。

SETTINGS 是配置輪播效果的，你可以調(diào)節(jié)各個(gè)參數(shù)來得到你自己滿意的效果。

CONTENT 這塊則是配置輪播的內(nèi)容，點(diǎn)擊Add Slide 可以增加一個(gè)輪播頁。選擇一張要展示的圖片，以及點(diǎn)擊圖片后跳轉(zhuǎn)的地址即可。會(huì)默認(rèn)在圖片上面有一個(gè)“Shop Now ”的按鈕，你可以自定義這個(gè)按鈕文字。

6.Featured Collection配置

然后我們?cè)偬砑右粋€(gè)Featured Collection ， 你可以將它名稱改為Best Sell。

一般情況下，放在首頁的產(chǎn)品集，如果你已經(jīng)具體的分類，那你可以給每一個(gè)產(chǎn)品分類添加一個(gè)Featured Collection，Heading這里填上你的產(chǎn)品類型的名稱，Collection這里選擇你建好的產(chǎn)品類型。

如果你Shopify店鋪的產(chǎn)品很多很雜，那可以干脆就將全部的產(chǎn)品都放在一個(gè)Featured Collection里。

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

Add section 這里還可以添加更多更豐富的展示類型，可以在后面繼續(xù)慢慢根據(jù)需要增加。

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

可能會(huì)有人發(fā)現(xiàn)，不是還是Product pages , Collection pages ,Blogs , Cart 這些頁面嗎？

是的，這些頁面也可以，并且都需要配置，尤其是product pages 和cart 這兩個(gè)頁面。但在這里，單純地用主題來配置的優(yōu)化空間不大，我們需要借用Shopify插件來幫助我們?nèi)⑦@些頁面做得更好。

OK，這樣一來，Shopify店鋪的設(shè)置就基本完成了。

但你是會(huì)發(fā)現(xiàn)，你的店鋪的地址是  https://xxxx.myshopify.com  ， 你還需要進(jìn)行域名的配置。

下一篇文章，將會(huì)介紹如何設(shè)計(jì)logo，如何配置Shopify獨(dú)立域名。（來源： 公子睿）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果網(wǎng)立場(chǎng)！如有侵權(quán)，請(qǐng)聯(lián)系我們。