快消品貨源批發(fā)市場(chǎng)
快消品貨源分銷(xiāo)平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 新旺鋪如何將導(dǎo)航和店招裝修成通欄?

新旺鋪如何將導(dǎo)航和店招裝修成通欄?

放大字體  縮小字體 發(fā)布日期:2024-05-28 07:35:41  來(lái)源:電商聯(lián)盟  作者:樂(lè)發(fā)網(wǎng)  瀏覽次數(shù):31

淘寶店鋪裝修其實(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)航和店招裝修成通欄?

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
【官方教程】旺鋪模塊使用基礎(chǔ) 淘寶店鋪裝修如何實(shí)現(xiàn)全屏輪播
淘寶店鋪,天貓店鋪背景固定的方法。 淘寶神筆子賬號(hào)設(shè)置方法
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問(wèn)
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net