店鋪導航是買家訪問店鋪的快速通道，可以增加買家對店鋪的訪問深度，方便查看店鋪的各類商品及信息。因此，清晰而具有個性化的導航功能，對提高轉化和銷量十分重要。淘寶店鋪的不斷升級，對于新旺鋪開放的功能也逐漸放寬了，對于導航欄的設計，很多朋友也是在不斷的琢磨著。今天就和大家分享淘寶導航欄css代碼，直接在淘寶店鋪導航設置中加入代碼就可以用了。那么，新旺鋪該如何編輯店鋪導航呢？

下面，小編給大家詳細解說一下：
1、首先，登錄“賣家中心”，點擊“店鋪裝修”，選擇導航處的“編輯”一項。

 
2、在打開的彈窗里面選擇“添加”。

3、添加寶貝分類至導航操作如下：

4、添加自定義頁面（基礎頁面）至導航操作如下：

5、添加自定義鏈接至導航操作：

6、設置好的內容可以在此調整位置或刪除：

7、當上述操作完成后，在前臺展示效果如下：

此外，導航條的顏色也可以進行自定義更換設置，不過需要一些css的小技巧。

詳解淘寶店鋪導航CSS代碼使用修改技巧

1、首先我們進入到店鋪的裝修頁面，將鼠標放在導航上面會出現(xiàn)“編輯”字樣，單擊，選擇“顯示設置”選項卡 

2、修改導航分類下面的背景色，代碼如下：

.skin-box-bd .link{background:#000000;}

效果如下

3、如果你想要更加個性，而不想只要簡單的純色塊的話，可以自己做圖片，然后連接上去，代碼如下：

.skin-box-bd .link{background:url(http://img03.taobaocdn.com/imgextra/i3/682206429/T210IOXCdXXXXXXXXX_!!682206429.jpg);}

將“圖片連接”換成你的圖片的連接就可以了，一般都是自己做好然后上傳到淘寶圖片空間，然后鏈接就可以了！在圖片空間點擊對應圖片下方的“鏈接”按鈕可以直接復制圖片鏈接，替換到代碼里就可以了！