Shopify店鋪如何設(shè)計(jì)?
我來(lái)答

Shopify店鋪如何設(shè)計(jì)?

姜思巧 2021-07-01 提問(wèn)
432

Shopify店鋪如何設(shè)計(jì)?

關(guān)閉
提交回答
1 個(gè)回答
我來(lái)答
文日月

1.Shopify店鋪主題模板選擇

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

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

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

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

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

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

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

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

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

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

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

恨不得把所有的主題都試過(guò)一邊。

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

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

那么在剛開始,Shopify主題怎么選?

很簡(jiǎn)單,選一個(gè)免費(fèi)的.......

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

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

2.Shopify主題啟用

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

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

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

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

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

3.Header配置

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

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

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

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

4.Sidebar配置

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

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

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

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

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

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

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

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

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

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

5.SlideShow配置

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

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

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

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

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

6.Featured Collection配置

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

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

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

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

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

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

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

基本上,在我們完成上面的配置之后,店鋪的頁(yè)面配置就完成了。

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

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

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

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

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


回答于 2021-07-01
贊同
評(píng)論
掃碼關(guān)注
獲取更多出海問(wèn)答的相關(guān)信息
小程序
快出海小程序
公眾號(hào)
快出海公眾號(hào)
商務(wù)合作
商務(wù)合作
投稿采訪
投稿采訪
出海管家
出海管家