目前Shopify自己在官方的渠道上羅列出大概有 63款主題膝宁,其中10款免費(fèi)昆汹,53款付費(fèi)
shopify主題地址:?https://themes.shopify.com/themes
如上圖所示满粗,你可以在該頁面左側(cè)邊欄按照主題價(jià)格映皆,產(chǎn)品數(shù)量多少轰枝,頁面布局方式鞍陨,以及產(chǎn)品頁面功能等等條件對(duì)主題進(jìn)行篩選诚撵,也可以在右上角Sort按鈕按照主題的價(jià)格,受歡迎程度以及主題發(fā)布時(shí)間對(duì)主題進(jìn)行排序澈驼。
點(diǎn)擊你看重的主題缝其,進(jìn)入主題之后,你可以查看主題的風(fēng)格榴都,以及這個(gè)主題的主要功能缭贡,如下圖:
Shopify官方的所有主題都是無需下載的,點(diǎn)擊Start with this theme (免費(fèi)主題) / Try Theme (付費(fèi)主題) 即可直接安裝該主題到你的Shopify網(wǎng)站谍失,其中付費(fèi)主題為一次性付費(fèi),費(fèi)用會(huì)直接從你Shopify網(wǎng)站綁定的信用卡里面扣除颠印。
主題安裝之后不會(huì)自動(dòng)啟用抹竹,頁面會(huì)自動(dòng)跳轉(zhuǎn)到你的Shopify后臺(tái) > Online Store > Themes 頁面窃判。要啟用新安裝的主題,需要在MORE Themes一欄中询件,點(diǎn)擊主題對(duì)應(yīng)的Actions按鈕宛琅,在下拉選項(xiàng)中選擇Publish按鈕就可以了嘿辟。
第三方的Shopify主題市場红伦,Themeforest (https://themeforest.net/category/ecommerce/shopify) 這家公司也是以賣主題模板色建,插件為出名的箕戳。用戶如果在上面進(jìn)行購買,請(qǐng)前往一點(diǎn)要注意:
你所要購買的主題的是否是Shopify
你所要購買的主題的是否是Shopify
你所要購買的主題的是否是Shopify
一定要和shopify的店鋪兼容玻墅,否則就浪費(fèi)錢了壮虫。
在Themeforest上購買主題之后囚似,你就可以直接在shopify的店鋪中饶唤,進(jìn)行主題的上傳
通常在第三方Shopify模板市場上購買的主題,下載下來的是壓縮文件办素,壓縮文件里面會(huì)有和很多和該主題的相關(guān)文件性穿,例如Documentation需曾, Licensing等等等等不需要上傳的文件揭措,因此首先需要解壓縮绊含,找到里面的需要上傳的主題文件,然后再打開Shopify后臺(tái) > Online Store > Themes 頁面逃顶,找到Upload Theme按鈕點(diǎn)擊上傳以政,如下圖:
這里注意:
所上傳的文件必須是ZIP格式的壓縮文件盈蛮,上傳文件最大50M抖誉,
如果你的文件超過50M請(qǐng)?jiān)僮屑?xì)查找甄別你下載的主題里面哪個(gè)才是真正需要上傳的模板文件。
模板上傳成功之后旁理,默認(rèn)是未激活的狀態(tài)孽文,需要點(diǎn)擊主題對(duì)應(yīng)的Actions按鈕夺艰,在下拉選項(xiàng)中選擇Publish按鈕來發(fā)布主題。
通常出現(xiàn)的上傳模板文件出現(xiàn)錯(cuò)誤的原因可能有:
未解壓縮查找模板文件而是直接上傳的從Themeforest上下載下來的壓縮文件
下載過程中因?yàn)榫W(wǎng)速問題導(dǎo)致的文件不完整楷掉,出現(xiàn)上傳錯(cuò)誤
上傳過程中因?yàn)榫W(wǎng)速問題導(dǎo)致的文件不完整霞势,出現(xiàn)上傳錯(cuò)誤
在Shopify網(wǎng)站后臺(tái)模板管理頁面愕贡,主要有兩大板塊固以,一個(gè)是Current Theme嘱巾, 一個(gè)是MORE Themes旬昭, Current theme就是你的Shopify網(wǎng)站當(dāng)前使用的主題,Current Theme有且僅有一個(gè)主題遍略。 More Themes是你安裝在Shopify后臺(tái)的绪杏,其他未啟用的Shopify主題纽绍。一個(gè)Shopify網(wǎng)站一次性最多安裝20個(gè)主題,即1個(gè)激活的主題和19個(gè)為激活的主題僧著。
每個(gè)Shopify模板在你的網(wǎng)站后臺(tái)都會(huì)有兩個(gè)功能按鈕,一個(gè)是Actions搓逾,一個(gè)是Customize霞篡。
Actions按鈕的功能包括:
Preview:?在你的網(wǎng)站前臺(tái)預(yù)覽Shopify主題顯示效果
Publish:?激活該Shopify模板主題
Rename:?重命名該Shopify主題
Duplicate:?復(fù)制Shopify主題
Download Theme File:?下載該Shopify主題
Edit Code:?編輯該Shopify主題的代碼
Edit Langulages:?編輯Shopify主題框架特定文字的語言或者顯示方式
Remove:?從Shopify后臺(tái)刪除該模板
這里面朗兵,詳細(xì)解釋下下面的幾個(gè)Shopify模板的Action功能
Duplicate – 點(diǎn)擊Duplicate按鈕之后顶滩,會(huì)在你的Shopify網(wǎng)站后臺(tái)生成一個(gè)該Shopify主題的副本文件礁鲁,意即你Duplicate Brooklyn主題之后,在后臺(tái)會(huì)生成一個(gè)名叫Copy of Brooklyn的模板文件冗美。Duplicate功能的使用目的通常是在你對(duì)你的Shopify網(wǎng)站進(jìn)行排版粉洼,代碼修改之前属韧,做一個(gè)當(dāng)前模板的備份蛤吓,如果出現(xiàn)問題,可以盡快激活備份的模板文件使你的網(wǎng)站恢復(fù)正常樊破。
還有就是在做一些特定活動(dòng)的時(shí)候可以使用Duplicate功能哲戚,例如我使用Duplicate功能對(duì)Brooklyn模板生成了3個(gè)Copy of Brooklyn模板文件顺少,并將這三個(gè)Copy of Brooklyn文件重命名為Brooklyn-NEWYEAR, Brooklyn-Christmas梅猿, Brooklyn-BlackFriday袱蚓,分別對(duì)這三個(gè)主題進(jìn)行編輯几蜻,在三個(gè)節(jié)日期間分別激活對(duì)應(yīng)的模板梭稚,在平常激活Brooklyn主題。這樣可免于對(duì)模板樣式調(diào)整過來調(diào)整過去造成的麻煩忱屑。
Download Theme File:?下載Shopify主題暇昂,可以幫你快速的復(fù)制你當(dāng)前的Shopify網(wǎng)站樣式到新的Shopify網(wǎng)站话浇,免于重新調(diào)整設(shè)置的麻煩。
Edit Code –?所有對(duì)Shopify模板的代碼修改都是在這里進(jìn)行的。建議在修改代碼之前先使用Duplicate功能備份然后再進(jìn)行修改赏寇,以免出現(xiàn)不必要的麻煩嗅定。
Edit Languages –?修改的是你Shopify網(wǎng)站的語言以及框架的文字內(nèi)容用踩。一個(gè)Shopify網(wǎng)站的文字內(nèi)容由兩個(gè)部分組成脐彩,一個(gè)是你可以在你的Shopify網(wǎng)站后臺(tái)直接添加修改的惠奸,例如產(chǎn)品標(biāo)題,描述嵌言,價(jià)格摧茴,產(chǎn)品目錄名稱埂陆,博客內(nèi)容猜惋,頁面內(nèi)容等等等等著摔,一個(gè)是你無法直接在Shopify網(wǎng)站后臺(tái)直接修改的谍咆,如購物車按鈕上的Add to Cart文字等等。
在Edit Languages可以幫你修改你的Shopify網(wǎng)站的語言恩掷,例如將英語改為西班牙語黄娘。
也可以幫你修改網(wǎng)站框架的文字內(nèi)容逼争,例如購物車按鈕默認(rèn)顯示的Add to Cart改為全部大寫的ADD TO CART劝赔,或者BUY NOW
Shopify另外一個(gè)功能按鈕是Customize, 也就是Shopify網(wǎng)站各個(gè)頁面板塊的顯示布局設(shè)置杂伟。
點(diǎn)擊Customize按鈕之后赫粥,網(wǎng)站會(huì)自動(dòng)跳轉(zhuǎn)到網(wǎng)站前臺(tái)傅是,并且在網(wǎng)站前臺(tái)會(huì)有一個(gè)左側(cè)邊欄喧笔,列舉了網(wǎng)站當(dāng)前頁面各個(gè)板塊的功能設(shè)置书闸。左側(cè)邊欄分為兩個(gè)部分,一個(gè)是Sections功能嫌术,一個(gè)是Theme Settings功能度气。
Sections功能負(fù)責(zé)的主要是網(wǎng)站頁面的布局以及各個(gè)板塊內(nèi)容的設(shè)置磷籍。
Theme Settings功能負(fù)責(zé)的是網(wǎng)站框架的顏色設(shè)置,字體設(shè)置比然,社交網(wǎng)絡(luò)設(shè)置,購物車頁面設(shè)置以及結(jié)款頁面的設(shè)置周循。
目前大部分Shopify模板是支持Shopify的Section模塊功能的强法,在設(shè)置上所見即所得,也就是說你在左側(cè)邊欄做了哪些改動(dòng)鱼鼓,在右側(cè)網(wǎng)站前臺(tái)視窗會(huì)做對(duì)應(yīng)的改變拟烫。
如下圖,將Newsletter板塊移動(dòng)到Featured Collection上方迄本,只需要用鼠標(biāo)拖動(dòng)左側(cè)邊欄的板塊名稱,右側(cè)網(wǎng)站前臺(tái)視窗就可以即時(shí)的顯示你所做的修改课竣。
左側(cè)的任意模塊都是可以點(diǎn)擊進(jìn)去進(jìn)行詳細(xì)設(shè)置的嘉赎,要添加模塊,點(diǎn)擊Sections項(xiàng)下的Add Section按鈕于樟,選擇要添加的板塊公条,點(diǎn)擊Add按鈕就可以了。然后對(duì)板塊拖動(dòng)進(jìn)行頁面的排序传黄。
要?jiǎng)h除某個(gè)模塊佳遣,需要點(diǎn)擊去模塊窒舟,在該模塊的最下方找到Remove Section按鈕拦耐,然后點(diǎn)擊確認(rèn)保存,就可以了
在右側(cè)的網(wǎng)站頁面視窗上方左側(cè)狼纬,為頁面切換按鈕盈简,下拉選擇不同的頁面,會(huì)在左側(cè)邊欄顯示不同的頁面模塊,然后對(duì)對(duì)應(yīng)的頁面進(jìn)行設(shè)置宴霸。網(wǎng)站前臺(tái)視窗的正上方三個(gè)按鈕分別顯示的是手機(jī)移動(dòng)端的顯示效果,帶左側(cè)邊欄的顯示效果,以及不帶左側(cè)邊欄的全屏顯示效果破停。
在右側(cè)的網(wǎng)站頁面視窗上方左側(cè)黑界,為頁面切換按鈕,下拉選擇不同的頁面烛占,會(huì)在左側(cè)邊欄顯示不同的頁面模塊德迹,然后對(duì)對(duì)應(yīng)的頁面進(jìn)行設(shè)置。網(wǎng)站前臺(tái)視窗的正上方三個(gè)按鈕分別顯示的是手機(jī)移動(dòng)端的顯示效果芽腾,帶左側(cè)邊欄的顯示效果,以及不帶左側(cè)邊欄的全屏顯示效果。
Shopify主題之間的設(shè)置是相互獨(dú)立的页响,也就是說,你在設(shè)置好Brooklyn主題之后,安裝并激活新的主題,新主題需要重新進(jìn)行頁面排版,顏色字體的設(shè)置,而且對(duì)新的主題的設(shè)置不會(huì)影響到Brooklyn之前的設(shè)置悯衬,重新激活Brooklyn主題之后,顯示的還是安裝新主題之前的樣子。