淘寶店鋪裝修其實(shí)是為了迎合用戶(hù)購(gòu)物體驗(yàn)的第一部分,同時(shí)也符合了淘寶上的店鋪經(jīng)營(yíng)方針。
店鋪裝修是網(wǎng)店面對(duì)顧客的第一扇門(mén),可想而知,如果你的店鋪裝修都不到位,那接下來(lái)的生意又會(huì)流失了多少呢?因此裝修店鋪是我們賣(mài)家開(kāi)店首要認(rèn)真對(duì)待的一件事情。不論是從店鋪導(dǎo)航、店招、海報(bào)、等等,最后到寶貝詳情頁(yè),這一系列的裝修都需要我們多花點(diǎn)心思進(jìn)去。而如今的詳情頁(yè),淘寶明文建議將主圖尺寸變大,并將導(dǎo)航和店招設(shè)置成通欄模式,從而提升寬屏用戶(hù)瀏覽體驗(yàn)。
這里我們發(fā)現(xiàn)一個(gè)問(wèn)題,如何將導(dǎo)航和店招裝修成通欄呢?方法其實(shí)很簡(jiǎn)單,具體裝修教程如下:
1、頁(yè)頭通欄裝修準(zhǔn)備:
首先需要準(zhǔn)備頁(yè)頭通欄1920*150的尺寸,
方法:在PS里面新建兩條垂直參考線,第一條485PX,第二條1435PX;再建立一條水平參考線120PX,如圖:
然后把整個(gè)頁(yè)頭背景存儲(chǔ)為WEB所用格式,注意文件小于200K,尺寸為1920*150像素
在把店招部分給裁剪保存下來(lái),尺寸為950*120像素,如下圖:
2、頁(yè)頭通欄裝修步驟:
1. 店招安裝(尺寸為:950*120像素)
進(jìn)入店鋪裝修后臺(tái),店招部分,編輯,選擇自定義店鋪招牌,然后插入準(zhǔn)備好的店招(如果需要加多個(gè)鏈接,可以采用切片或者熱點(diǎn)來(lái)加店招鏈接)
2. 頁(yè)頭背景安裝(尺寸為:1920*150像素,文件小于200K)
左側(cè)-->頁(yè)頭,然后更換頁(yè)頭背景圖,背景顯示:不平鋪;背景對(duì)齊:居中;應(yīng)用到所有頁(yè)面;頁(yè)頭下邊距10像素:關(guān)閉。
注意必須是旺鋪專(zhuān)業(yè)版才能更換頁(yè)頭背景圖片,如果不是專(zhuān)業(yè)版,新旺鋪可以免費(fèi)升級(jí)專(zhuān)業(yè)版。
3.導(dǎo)航欄CSS代碼改導(dǎo)航條顏色
在PS里面將導(dǎo)航條中的顏色CMYK值查出來(lái),如下圖,值為:9c6218
打開(kāi)免費(fèi)在線生成導(dǎo)航欄CSS代碼網(wǎng)頁(yè):http://www.taoour.com/tbzx/navigationBar_css/navigationBar_css.html
替換下面紅框幾個(gè)部分,注意保留#號(hào),其他地方也可以根據(jù)自己實(shí)際需要修改,可以在線預(yù)覽先看效果
生成代碼并復(fù)制
到店鋪裝修后臺(tái),導(dǎo)航欄位置,點(diǎn)擊編輯按鈕
點(diǎn)擊顯示設(shè)置,將生成的導(dǎo)航欄CSS代碼復(fù)制到這里
最后發(fā)布,完整的頁(yè)頭通欄就OK了。
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源: 新旺鋪如何將導(dǎo)航和店招裝修成通欄?