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

目前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主題之后,顯示的還是安裝新主題之前的樣子。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末嘁灯,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖俗孝,帶你破解...
    沈念sama閱讀 222,378評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盛卡,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)挠唆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來臣咖,“玉大人娶聘,你說我怎么就攤上這事波闹√敝ぃ” “怎么了?”我有些...
    開封第一講書人閱讀 168,983評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵吞琐,是天一觀的道長。 經(jīng)常有香客問我,道長翘单,這世上最難降的妖魔是什么认臊? 我笑而不...
    開封第一講書人閱讀 59,938評(píng)論 1 299
  • 正文 為了忘掉前任灰伟,我火速辦了婚禮蕊温,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘捻激。我一直安慰自己丈屹,他們只是感情好彩库,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,955評(píng)論 6 398
  • 文/花漫 我一把揭開白布爹梁。 她就那樣靜靜地躺著,像睡著了一般提澎。 火紅的嫁衣襯著肌膚如雪姚垃。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,549評(píng)論 1 312
  • 那天盼忌,我揣著相機(jī)與錄音积糯,去河邊找鬼。 笑死谦纱,一個(gè)胖子當(dāng)著我的面吹牛看成,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播跨嘉,決...
    沈念sama閱讀 41,063評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼川慌,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了祠乃?” 一聲冷哼從身側(cè)響起梦重,我...
    開封第一講書人閱讀 39,991評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎亮瓷,沒想到半個(gè)月后琴拧,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,522評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡嘱支,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,604評(píng)論 3 342
  • 正文 我和宋清朗相戀三年蚓胸,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片斗塘。...
    茶點(diǎn)故事閱讀 40,742評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡赢织,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出馍盟,到底是詐尸還是另有隱情于置,我是刑警寧澤,帶...
    沈念sama閱讀 36,413評(píng)論 5 351
  • 正文 年R本政府宣布贞岭,位于F島的核電站八毯,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏瞄桨。R本人自食惡果不足惜话速,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,094評(píng)論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望芯侥。 院中可真熱鬧泊交,春花似錦乳讥、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至研乒,卻和暖如春汹忠,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背雹熬。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評(píng)論 1 274
  • 我被黑心中介騙來泰國打工宽菜, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人竿报。 一個(gè)月前我還...
    沈念sama閱讀 49,159評(píng)論 3 378
  • 正文 我出身青樓铅乡,卻偏偏與公主長得像,于是被迫代替她去往敵國和親烈菌。 傳聞我的和親對(duì)象是個(gè)殘疾皇子隆判,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,747評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容