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

本文主題淘寶,淘寶問答。

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

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

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

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

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

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

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

/*導航條背景色*/

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

/*首頁/店鋪動態(tài)背景色*/

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

/*首頁/店鋪動態(tài)右邊線*/

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

/*首頁/店鋪動態(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}

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

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

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

自由導航的禁忌

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

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

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

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

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

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

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微.信號是為: msc496。