淘寶店鋪導(dǎo)航顏色怎么設(shè)置

本文主題淘寶,淘寶問(wèn)答。

相信大家在進(jìn)入不同的店鋪逛的時(shí)候，會(huì)發(fā)現(xiàn)每個(gè)店鋪的裝修風(fēng)格是不一樣的，有一些賣家也想將自己的店鋪打造出不一樣的風(fēng)格，那么可以首先從店鋪導(dǎo)航顏色上面著手，那么淘寶店鋪導(dǎo)航顏色怎么設(shè)置?

導(dǎo)航條的“顯示設(shè)置”是通過(guò)一些固定的代碼來(lái)實(shí)現(xiàn)設(shè)置的。在此我們?cè)O(shè)置一個(gè)導(dǎo)航條的導(dǎo)航條背景色為綠色，首頁(yè)/店鋪動(dòng)態(tài)背景色為白色，首頁(yè)/店鋪動(dòng)態(tài)右邊線為墨綠色，首頁(yè)/店鋪動(dòng)態(tài)文字顏色藍(lán)紫色，所有分類背景色牡丹紅，所有分類右邊線青銅色，所有分類文字顏色黃色。

當(dāng)然這個(gè)搭配肯定不會(huì)美觀的，只是舉這么個(gè)例子。給位可以根據(jù)自己的喜好和美觀來(lái)搭配顏色。規(guī)定好顏色之后，就可以把以下代碼編輯到“顯示設(shè)置”的輸入框內(nèi)。點(diǎn)擊“確認(rèn)”即可完成設(shè)置。其中/**/內(nèi)的文字為注釋文字，不影響代碼內(nèi)容。

淘寶店鋪裝修導(dǎo)航條已經(jīng)修改好顏色了，那其它分欄條怎么自定義顏色?

新建一個(gè)淘寶自定義模板自己寫代碼就可以了，把你2處位置的那塊代碼復(fù)制進(jìn)自定義內(nèi)容區(qū)，然后換個(gè)背景圖或者背景顏色就Ok了。導(dǎo)航條可以自己定義顏色的，但是需要使用到CSS代碼!

先編輯好代碼后，再直接安裝到店鋪導(dǎo)航條中的“顯示設(shè)置”中!

下面是導(dǎo)航條的顏色修改的代碼，你只需要修改紅色部分的代碼，紅色部分就是顯示的顏色：

/*導(dǎo)航條背景色*/

.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}

/*首頁(yè)/店鋪動(dòng)態(tài)背景色*/

.skin-box-bd.menu-list.link{background:nonerepeatscroll00#00ad08;}

/*首頁(yè)/店鋪動(dòng)態(tài)右邊線*/

.skin-box-bd.menu-list.menu{border-right:1px#006205solid;}

/*首頁(yè)/店鋪動(dòng)態(tài)文字顏色*/

.skin-box-bd.menu-list.menu.title{color:#ff0000}

/*所有分類背景色*/

.all-cats.link{background:nonerepeatscroll00#00ad08;}

/*所有分類右邊線*/

.all-cats.link{border-right:1px#006205solid;}

/*所有分類文字顏色*/

.skin-box-bd.all-cats.title{color:#ff0000}

自由導(dǎo)航：跳轉(zhuǎn)橋梁

首先解決一個(gè)基礎(chǔ)問(wèn)題——什么是自由導(dǎo)航?顧名思義，自由導(dǎo)航是指能在店鋪任意位置擺放的具有導(dǎo)航作用的按鈕或圖片。自由導(dǎo)航其實(shí)有兩種形態(tài)，一種是指向活動(dòng)頁(yè)面或活動(dòng)分類的大小banner，一種是直接指向某一分類的button。

除了分類button，促銷banner也可以算作是自由導(dǎo)航的一種?，F(xiàn)在越來(lái)越多的店鋪選擇去掉首頁(yè)左側(cè)欄，買家在瀏覽這種店鋪的時(shí)候下拉一點(diǎn)網(wǎng)頁(yè)便看不到導(dǎo)航了。點(diǎn)擊TOP按鈕可能會(huì)面臨重新瀏覽一遍剛才瀏覽過(guò)的內(nèi)容，不點(diǎn)TOP按鈕又有無(wú)法查看分類的問(wèn)題，所以這種頁(yè)面布局的情況下自由導(dǎo)航的作用就不言而喻了。不僅圖片能起到展示、推廣、傳遞信息的作用，還能起到頁(yè)面切換的功效。

自由導(dǎo)航的禁忌

?不要過(guò)于浮夸。導(dǎo)航圖片以傳達(dá)信息為重，其實(shí)買家要的是快速理解圖片內(nèi)容，而不是看店鋪在炫耀美工技巧。

案例指導(dǎo)：如上圖，店主主要表達(dá)的是“秋冬馬甲”這一內(nèi)容，而圖中視覺權(quán)重最高的是兩個(gè)男模和一堆看起來(lái)沒(méi)有任何用處的英文字母，造成的后果是只會(huì)吸引到對(duì)圖上兩款馬甲有興趣的消費(fèi)者點(diǎn)擊，而對(duì)這兩款不感興趣的消費(fèi)者則會(huì)認(rèn)為是宣傳海報(bào)而已，起不到引導(dǎo)作用。

?不要有某張圖片過(guò)于搶眼。根據(jù)視線律動(dòng)研究表明，在一個(gè)頁(yè)面中如果有一區(qū)域視覺權(quán)重過(guò)強(qiáng)(如，通體灰色調(diào)，突然有張紅色的圖片)會(huì)導(dǎo)致瀏覽者的視線不穩(wěn)定或在權(quán)重較高的區(qū)域來(lái)回瀏覽，無(wú)論是哪一種都不是我們想要的。

?不要太多類型的促銷活動(dòng)。其實(shí)這個(gè)不僅和導(dǎo)航有關(guān)和營(yíng)銷也有關(guān)系，同時(shí)出現(xiàn)了太多形式的促銷活動(dòng)往往會(huì)造成買家的不解，引起買家的浮躁心理，從導(dǎo)航的角度會(huì)造成傳達(dá)不明確的后果。

大家在等到淘寶店鋪導(dǎo)航內(nèi)容設(shè)置完成之后，賣家朋友可以進(jìn)行一個(gè)整體的瀏覽。換句話說(shuō)，也就是檢查一遍檢查，如果有需要調(diào)整位置或者刪除內(nèi)容方面的事項(xiàng)的話，那么就可以及時(shí)的進(jìn)行修改淘寶店鋪導(dǎo)航顏色的操作。

幕思城為您更新最近最有用的電商資訊、電商規(guī)則淘寶淘寶問(wèn)答。了解更多電商資訊、行業(yè)動(dòng)向，記得關(guān)注幕思城！

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