淘寶店鋪導航顏色怎么設置？需要注意什么？
發布時間： 2020-11-04 10:01:27
相信大家在進入不同的店鋪逛的時候,會發現每個店鋪的裝修風格是不一樣的,有一些賣家也想將自己的店鋪打造出不一樣的風格,那么可以首先從店鋪導航顏色上面著手,那么淘寶店鋪導航顏色怎么設置?
導航條的“顯示設置”是通過一些固定的代碼來實現設置的。在此我們設置一個導航條的導航條背景色為綠色,首頁/店鋪動態背景色為白色,首頁/店鋪動態右邊線為墨綠色,首頁/店鋪動態文字顏色藍紫色,所有分類背景色牡丹紅,所有分類右邊線青銅色,所有分類文字顏色黃色。
當然這個搭配肯定不會美觀的,只是舉這么個例子。給位可以根據自己的喜好和美觀來搭配顏色。規定好顏色之后,就可以把以下代碼編輯到“顯示設置”的輸入框內。點擊“確認”即可完成設置。其中/* */內的文字為注釋文字,不影響代碼內容。
淘寶店鋪裝修導航條已經修改好顏色了,那其它分欄條怎么自定義顏色?
新建一個淘寶自定義模板自己寫代碼就可以了,把你2處位置的那塊代碼復制進自定義內容區,然后換個背景圖或者背景顏色就Ok了。導航條可以自己定義顏色的,但是需要使用到CSS代碼!
先編輯好代碼后,再直接安裝到店鋪導航條中的“顯示設置”中!
下面是導航條的顏色修改的代碼,你只需要修改紅色部分的代碼,紅色部分就是顯示的顏色:
/* 導航條背景色*/
.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}
/*首頁/店鋪動態背景色*/
.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}
/*首頁/店鋪動態右邊線*/
.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}
/*首頁/店鋪動態文字顏色*/
.skin-box-bd .menu-list .menu .title{color:#ff0000}
/*所有分類背景色*/
.all-cats .link{background: none repeat scroll 0 0 #00ad08;}
/*所有分類右邊線*/
.all-cats .link{border-right:1px #006205 solid;}
/*所有分類文字顏色*/
.skin-box-bd .all-cats .title{color:#ff0000}
自由導航:跳轉橋梁
首先解決一個基礎問題——什么是自由導航?顧名思義,自由導航是指能在店鋪任意位置擺放的具有導航作用的按鈕或圖片。自由導航其實有兩種形態,一種是指向活動頁面或活動分類的大小banner,一種是直接指向某一分類的button。
除了分類button,促銷banner也可以算作是自由導航的一種?，F在越來越多的店鋪選擇去掉首頁左側欄,買家在瀏覽這種店鋪的時候下拉一點網頁便看不到導航了。點擊TOP按鈕可能會面臨重新瀏覽一遍剛才瀏覽過的內容,不點TOP按鈕又有無法查看分類的問題,所以這種頁面布局的情況下自由導航的作用就不言而喻了。不僅圖片能起到展示、推廣、傳遞信息的作用,還能起到頁面切換的功效。
自由導航的禁忌
? 不要過于浮夸。導航圖片以傳達信息為重,其實買家要的是快速理解圖片內容,而不是看店鋪在炫耀美工技巧。
案例指導:如上圖,店主主要表達的是“秋冬馬甲”這一內容,而圖中視覺權重最高的是兩個男模和一堆看起來沒有任何用處的英文字母,造成的后果是只會吸引到對圖上兩款馬甲有興趣的消費者點擊,而對這兩款不感興趣的消費者則會認為是宣傳海報而已,起不到引導作用。
? 不要有某張圖片過于搶眼。根據視線律動研究表明,在一個頁面中如果有一區域視覺權重過強(如,通體灰色調,突然有張紅色的圖片)會導致瀏覽者的視線不穩定或在權重較高的區域來回瀏覽,無論是哪一種都不是我們想要的。
? 不要太多類型的促銷活動。其實這個不僅和導航有關和營銷也有關系,同時出現了太多形式的促銷活動往往會造成買家的不解,引起買家的浮躁心理,從導航的角度會造成傳達不明確的后果。
大家在等到淘寶店鋪導航內容設置完成之后,賣家朋友可以進行一個整體的瀏覽。換句話說,也就是檢查一遍檢查,如果有需要調整位置或者刪除內容方面的事項的話,那么就可以及時的進行修改淘寶店鋪導航顏色的操作。
上一篇： 淘寶賣家承擔運費什么意思？怎么免運費？
下一篇： 手機淘寶店鋪導航怎么設置？在哪里設置？
廉正舉報：