手把手教你如何選擇shopify主題

目前Shopify自己在官方的渠道上羅列出大概有 63款主題,其中10款免費,53款付費

shopify主題地址:?https://themes.shopify.com/themes


如上圖所示,你可以在該頁面左側(cè)邊欄按照主題價格,產(chǎn)品數(shù)量多少,頁面布局方式,以及產(chǎn)品頁面功能等等條件對主題進行篩選,也可以在右上角Sort按鈕按照主題的價格,受歡迎程度以及主題發(fā)布時間對主題進行排序。

點擊你看重的主題,進入主題之后,你可以查看主題的風格,以及這個主題的主要功能,如下圖:


Shopify官方的所有主題都是無需下載的,點擊Start with this theme (免費主題) / Try Theme (付費主題) 即可直接安裝該主題到你的Shopify網(wǎng)站,其中付費主題為一次性付費,費用會直接從你Shopify網(wǎng)站綁定的信用卡里面扣除。

主題安裝之后不會自動啟用,頁面會自動跳轉(zhuǎn)到你的Shopify后臺 > Online Store > Themes 頁面。要啟用新安裝的主題,需要在MORE Themes一欄中,點擊主題對應(yīng)的Actions按鈕,在下拉選項中選擇Publish按鈕就可以了。

第三方的Shopify主題市場,Themeforest (https://themeforest.net/category/ecommerce/shopify) 這家公司也是以賣主題模板,插件為出名的。用戶如果在上面進行購買,請前往一點要注意:

你所要購買的主題的是否是Shopify

你所要購買的主題的是否是Shopify

你所要購買的主題的是否是Shopify

一定要和shopify的店鋪兼容,否則就浪費錢了。

在Themeforest上購買主題之后,你就可以直接在shopify的店鋪中,進行主題的上傳

通常在第三方Shopify模板市場上購買的主題,下載下來的是壓縮文件,壓縮文件里面會有和很多和該主題的相關(guān)文件,例如Documentation, Licensing等等等等不需要上傳的文件,因此首先需要解壓縮,找到里面的需要上傳的主題文件,然后再打開Shopify后臺 > Online Store > Themes 頁面,找到Upload Theme按鈕點擊上傳,如下圖:


這里注意:

所上傳的文件必須是ZIP格式的壓縮文件,上傳文件最大50M,

如果你的文件超過50M請再仔細查找甄別你下載的主題里面哪個才是真正需要上傳的模板文件。

模板上傳成功之后,默認是未激活的狀態(tài),需要點擊主題對應(yīng)的Actions按鈕,在下拉選項中選擇Publish按鈕來發(fā)布主題。

通常出現(xiàn)的上傳模板文件出現(xiàn)錯誤的原因可能有:

未解壓縮查找模板文件而是直接上傳的從Themeforest上下載下來的壓縮文件

下載過程中因為網(wǎng)速問題導致的文件不完整,出現(xiàn)上傳錯誤

上傳過程中因為網(wǎng)速問題導致的文件不完整,出現(xiàn)上傳錯誤

在Shopify網(wǎng)站后臺模板管理頁面,主要有兩大板塊,一個是Current Theme, 一個是MORE Themes, Current theme就是你的Shopify網(wǎng)站當前使用的主題,Current Theme有且僅有一個主題。 More Themes是你安裝在Shopify后臺的,其他未啟用的Shopify主題。一個Shopify網(wǎng)站一次性最多安裝20個主題,即1個激活的主題和19個為激活的主題。

每個Shopify模板在你的網(wǎng)站后臺都會有兩個功能按鈕,一個是Actions,一個是Customize。

Actions按鈕的功能包括:

Preview:?在你的網(wǎng)站前臺預(yù)覽Shopify主題顯示效果

Publish:?激活該Shopify模板主題

Rename:?重命名該Shopify主題

Duplicate:?復制Shopify主題

Download Theme File:?下載該Shopify主題

Edit Code:?編輯該Shopify主題的代碼

Edit Langulages:?編輯Shopify主題框架特定文字的語言或者顯示方式

Remove:?從Shopify后臺刪除該模板

這里面,詳細解釋下下面的幾個Shopify模板的Action功能

Duplicate – 點擊Duplicate按鈕之后,會在你的Shopify網(wǎng)站后臺生成一個該Shopify主題的副本文件,意即你Duplicate Brooklyn主題之后,在后臺會生成一個名叫Copy of Brooklyn的模板文件。Duplicate功能的使用目的通常是在你對你的Shopify網(wǎng)站進行排版,代碼修改之前,做一個當前模板的備份,如果出現(xiàn)問題,可以盡快激活備份的模板文件使你的網(wǎng)站恢復正常。

還有就是在做一些特定活動的時候可以使用Duplicate功能,例如我使用Duplicate功能對Brooklyn模板生成了3個Copy of Brooklyn模板文件,并將這三個Copy of Brooklyn文件重命名為Brooklyn-NEWYEAR, Brooklyn-Christmas, Brooklyn-BlackFriday,分別對這三個主題進行編輯,在三個節(jié)日期間分別激活對應(yīng)的模板,在平常激活Brooklyn主題。這樣可免于對模板樣式調(diào)整過來調(diào)整過去造成的麻煩。

Download Theme File:?下載Shopify主題,可以幫你快速的復制你當前的Shopify網(wǎng)站樣式到新的Shopify網(wǎng)站,免于重新調(diào)整設(shè)置的麻煩。

Edit Code –?所有對Shopify模板的代碼修改都是在這里進行的。建議在修改代碼之前先使用Duplicate功能備份然后再進行修改,以免出現(xiàn)不必要的麻煩。

Edit Languages –?修改的是你Shopify網(wǎng)站的語言以及框架的文字內(nèi)容。一個Shopify網(wǎng)站的文字內(nèi)容由兩個部分組成,一個是你可以在你的Shopify網(wǎng)站后臺直接添加修改的,例如產(chǎn)品標題,描述,價格,產(chǎn)品目錄名稱,博客內(nèi)容,頁面內(nèi)容等等等等,一個是你無法直接在Shopify網(wǎng)站后臺直接修改的,如購物車按鈕上的Add to Cart文字等等。

在Edit Languages可以幫你修改你的Shopify網(wǎng)站的語言,例如將英語改為西班牙語。

也可以幫你修改網(wǎng)站框架的文字內(nèi)容,例如購物車按鈕默認顯示的Add to Cart改為全部大寫的ADD TO CART,或者BUY NOW


Shopify另外一個功能按鈕是Customize, 也就是Shopify網(wǎng)站各個頁面板塊的顯示布局設(shè)置。

點擊Customize按鈕之后,網(wǎng)站會自動跳轉(zhuǎn)到網(wǎng)站前臺,并且在網(wǎng)站前臺會有一個左側(cè)邊欄,列舉了網(wǎng)站當前頁面各個板塊的功能設(shè)置。左側(cè)邊欄分為兩個部分,一個是Sections功能,一個是Theme Settings功能。

Sections功能負責的主要是網(wǎng)站頁面的布局以及各個板塊內(nèi)容的設(shè)置。

Theme Settings功能負責的是網(wǎng)站框架的顏色設(shè)置,字體設(shè)置,社交網(wǎng)絡(luò)設(shè)置,購物車頁面設(shè)置以及結(jié)款頁面的設(shè)置。

目前大部分Shopify模板是支持Shopify的Section模塊功能的,在設(shè)置上所見即所得,也就是說你在左側(cè)邊欄做了哪些改動,在右側(cè)網(wǎng)站前臺視窗會做對應(yīng)的改變。

如下圖,將Newsletter板塊移動到Featured Collection上方,只需要用鼠標拖動左側(cè)邊欄的板塊名稱,右側(cè)網(wǎng)站前臺視窗就可以即時的顯示你所做的修改。

左側(cè)的任意模塊都是可以點擊進去進行詳細設(shè)置的,要添加模塊,點擊Sections項下的Add Section按鈕,選擇要添加的板塊,點擊Add按鈕就可以了。然后對板塊拖動進行頁面的排序。

要刪除某個模塊,需要點擊去模塊,在該模塊的最下方找到Remove Section按鈕,然后點擊確認保存,就可以了

在右側(cè)的網(wǎng)站頁面視窗上方左側(cè),為頁面切換按鈕,下拉選擇不同的頁面,會在左側(cè)邊欄顯示不同的頁面模塊,然后對對應(yīng)的頁面進行設(shè)置。網(wǎng)站前臺視窗的正上方三個按鈕分別顯示的是手機移動端的顯示效果,帶左側(cè)邊欄的顯示效果,以及不帶左側(cè)邊欄的全屏顯示效果。

在右側(cè)的網(wǎng)站頁面視窗上方左側(cè),為頁面切換按鈕,下拉選擇不同的頁面,會在左側(cè)邊欄顯示不同的頁面模塊,然后對對應(yīng)的頁面進行設(shè)置。網(wǎng)站前臺視窗的正上方三個按鈕分別顯示的是手機移動端的顯示效果,帶左側(cè)邊欄的顯示效果,以及不帶左側(cè)邊欄的全屏顯示效果。

Shopify主題之間的設(shè)置是相互獨立的,也就是說,你在設(shè)置好Brooklyn主題之后,安裝并激活新的主題,新主題需要重新進行頁面排版,顏色字體的設(shè)置,而且對新的主題的設(shè)置不會影響到Brooklyn之前的設(shè)置,重新激活Brooklyn主題之后,顯示的還是安裝新主題之前的樣子。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容