2018最新淘寶店鋪裝修模板化全流程的教學(xué)貼

很多淘寶新手賣家不知道該怎么去裝修自己的淘寶店鋪，但是店鋪裝修效果好對(duì)于店鋪運(yùn)營(yíng)有很大的優(yōu)勢(shì)，所以今天開(kāi)淘小編帶來(lái)了一篇2018最新淘寶模板化全流程的教學(xué)貼，希望對(duì)大家有所幫助!

第一步 選購(gòu)淘寶裝修模板

▌ 淘寶裝修市場(chǎng)：zx.taobao.com

試用很重要

登錄主賬號(hào)旺旺，點(diǎn)擊“馬上試用”，查看模板套用效果。

進(jìn)入裝修頁(yè)面：點(diǎn)擊模塊右上角“編輯”,檢查模塊功能是否可用。

▌ 淘寶模板的售前須知:

1、新旺鋪模板按月收費(fèi)，3個(gè)月起訂。

2、注意!用正確的賬號(hào)購(gòu)買，一經(jīng)購(gòu)買就無(wú)法退換，購(gòu)買后自動(dòng)套用。

▌ PS:購(gòu)買CICIWIN家淘寶模板の售后：

1、針對(duì)小白，只需要提供修改文字說(shuō)明，客服將幫您安裝(ID：lqbex1)。

2、有美工的店家，購(gòu)買后附PSD源文件，方便修改。

3、客服工作日都在線。

第二步 PC端 + 手機(jī)端安裝

一、PC端安裝

▌兩個(gè)重要構(gòu)成：

：全店展示頁(yè)面，支持電腦版、手機(jī)版的編輯與發(fā)布。(含列表頁(yè)，搜索頁(yè)，詳情頁(yè)框架)

圖片空間：店鋪所有圖片來(lái)源“素材中心”，通過(guò)復(fù)制鏈接到店鋪模塊預(yù)留的地址框中，實(shí)現(xiàn)頁(yè)面中海報(bào)圖片展示，自定義頭像展示和產(chǎn)品展示。

進(jìn)入模板管理，找到已購(gòu)買模板，點(diǎn)擊應(yīng)用。即可將模板套入店鋪中。沒(méi)安裝前默認(rèn)顯示：「應(yīng)用模板」。

安裝后，顯示“備份和還原”，記錄每一次修改，系統(tǒng)自動(dòng)保存。后面會(huì)詳細(xì)說(shuō)明。

點(diǎn)擊PC端 - 裝修首頁(yè)，即看到首頁(yè)效果，和編輯區(qū)域。側(cè)邊對(duì)應(yīng)有列表頁(yè)，詳情頁(yè)框架的編輯入口。

切記，首頁(yè)，列表頁(yè)，詳情頁(yè)編輯完后，都需要點(diǎn)擊發(fā)布才能在前臺(tái)更新。每次編輯完后，都需要依次進(jìn)入點(diǎn)擊發(fā)布。

二、手機(jī)版安裝

手機(jī)版安裝，我們提供源文件PSD,修改后生產(chǎn)JPG，上傳到店鋪的“”，利用網(wǎng)上工具——碼工-移動(dòng)端裝修。

1、復(fù)制 圖片地址 到框中

2、在圖片上長(zhǎng)按鼠標(biāo)左鍵，畫(huà)出圖片鏈接區(qū)域，添加店鋪產(chǎn)品鏈接。

注意：PC端復(fù)制的產(chǎn)品鏈接需要通過(guò)這個(gè)工具的另一個(gè)功能，轉(zhuǎn)化為手機(jī)版的鏈接

3、點(diǎn)擊右上角“生成代碼”

4、安裝碼農(nóng)插件工具到瀏覽器

5、粘貼代碼

6、完成

第三步 模板風(fēng)格選擇

如何進(jìn)入到這一界面，請(qǐng)參考教程【第二招】模板安裝。

屬于多風(fēng)格模板，會(huì)在如下截圖藍(lán)色框框區(qū)域，顯示多風(fēng)格的縮略圖，點(diǎn)選后，應(yīng)用即可。

第四步 模板編輯修改

▌模板構(gòu)成：

一、布局

天貓店的布局有三種，寬度分別為：

990px，790px，190px

淘寶店的布局有三種，寬度分別為：

950px，750px，190px

二、設(shè)計(jì)師模塊

模塊通過(guò)拖拽添加到布局中，注意!!常規(guī)情況下：不是每個(gè)模塊都可以拖入190布局和790布局，一般只有客服模塊支持190px布局。除非用一個(gè)瀏覽器插件，才可以實(shí)現(xiàn)逃出布局規(guī)則，一般不用的。

編輯設(shè)計(jì)師模塊具體內(nèi)容的方法，切換到“頁(yè)面編輯”，鼠標(biāo)懸停在相應(yīng)模塊上，點(diǎn)擊“編輯”。如圖：

具體每個(gè)模塊操作使用，我們會(huì)在“模板教程”中詳細(xì)說(shuō)明。

三、基礎(chǔ)模塊

四、素材中心 = 圖片管理

在模板中添加圖片，我們選用第二個(gè)，復(fù)制圖片鏈接，得到一個(gè).jpg結(jié)尾的地址就對(duì)了。

第五步 上傳圖片到模板

第一步：找到“”入口

第二步：上傳圖片

右上角“上傳”按鈕，上傳本地圖片。

第三步：圖片放入模板中

點(diǎn)擊第二個(gè)圖標(biāo)按鈕“復(fù)制鏈接”。

模板裝修使用到的“圖片地址”，是圖片在網(wǎng)絡(luò)上的地址，引用該地址，放置到模板對(duì)應(yīng)的區(qū)域內(nèi)，即可顯示。

第六步 添加海報(bào)和產(chǎn)品鏈接

什么是鏈接地址?

鏈接地址 = 網(wǎng)址 。用戶點(diǎn)擊打開(kāi)的頁(yè)面網(wǎng)址。

一、淘寶全屏輪播模塊更新

打開(kāi)要跳轉(zhuǎn)到的頁(yè)面，可以是寶貝頁(yè)面，也可以是列表頁(yè)面，自定義頁(yè)面。

注意!!天貓旅游自從升級(jí)為飛豬后，海報(bào)添加產(chǎn)品鏈接是不可以直接復(fù)制。

二、產(chǎn)品鏈接地址的添加

具體模板看具體模板教程。

第七步 模板備份與還原

什么是備份與還原?

備份,是保存每個(gè)階段的裝修成果。每一次操作后都自動(dòng)備份，命名方式默認(rèn)為時(shí)間，精確到分秒?；蚴謩?dòng)備份，輸入“備份名稱”，“備份描述”。例如：某某調(diào)整，某某調(diào)整_20180505_V1，即“調(diào)整描述+日期+版本號(hào)”。

還原,是把其中一個(gè)階段的專修成果還原出來(lái)。同樣點(diǎn)擊“備份和還原”，切換到還原的tab選項(xiàng)卡，選中還原的版本期，點(diǎn)擊應(yīng)用備份。

我們?cè)賮?lái)回顧一下：選購(gòu)模板一定要試用。應(yīng)用到店鋪中看效果，看是否合適用。手機(jī)版安裝和PC端安裝。其中手機(jī)版提到了碼農(nóng)小工具非常好用。模板風(fēng)格，有些模板提供風(fēng)格選擇。模板編輯修改。提到模板構(gòu)成：布局，設(shè)計(jì)師模塊，基礎(chǔ)模塊，素材中心。

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

推薦閱讀：

淘寶直通車中的投入產(chǎn)出比是什么？快來(lái)看看

淘寶什么是專利侵權(quán)？

PC端千牛訂閱如何設(shè)置？

更多資訊請(qǐng)關(guān)注幕 思 城。