不論是淘寶PC端還是無線端店鋪，導(dǎo)航欄都是店鋪裝修非常重要的一個(gè)環(huán)節(jié)，它是可以給買家更好的進(jìn)行引流、促進(jìn)轉(zhuǎn)化的。如果新手賣家還不清楚PC端店鋪導(dǎo)航欄的編輯、換色等操作的話，這篇文章一一教你哦！

1、PC端導(dǎo)航欄編輯操作

進(jìn)入淘寶旺鋪后臺(tái)，選擇導(dǎo)航欄出的“編輯”，在打開的彈窗里面選擇”添加“：

添加寶貝分類至導(dǎo)航：

添加頁面至導(dǎo)航：

添加自定義鏈接至導(dǎo)航操作如下：

設(shè)置好的內(nèi)容可以在此調(diào)整位置或刪除：

在前臺(tái)展示如下：

2、PC端導(dǎo)航欄換顏色/樣式操作

PC端店鋪導(dǎo)航欄的更換顏色及樣式是需要用到CSS進(jìn)行的。操作位置如下：

CSS內(nèi)容參考：

/* 導(dǎo)航條背景色*/ .skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

/*首頁/店鋪動(dòng)態(tài)背景色*/ .skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

/*首頁/店鋪動(dòng)態(tài)右邊線*/ .skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

/*首頁/店鋪動(dòng)態(tài)文字顏色*/ .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}

以上內(nèi)容可以一同復(fù)制使用，不會(huì)影響使用效果！

注意事項(xiàng)：

1.每個(gè)樣式最前的.tshop-pbsm-shop-nav-ch 前綴，意思是這個(gè)樣式只能作用在導(dǎo)航上面，而不會(huì)影響到其他模塊樣式。系統(tǒng)是默認(rèn)會(huì)加上此前綴的。

2.css的樣式值，如 expression這個(gè)可執(zhí)行js代碼的屬性，是不允許使用的。

FAQ：

1、為什么我的導(dǎo)航裝修后不見了？

如果裝修發(fā)布后導(dǎo)航不見了，可以將店鋪招牌尺寸修改為：950*120 px

（頁頭高150px包含店鋪招牌和導(dǎo)航，如果店鋪招牌高設(shè)置成150px，發(fā)布后導(dǎo)航可能消失不見）

2、導(dǎo)航兩側(cè)超出950的部分怎么去掉？

此區(qū)域?qū)儆陧擃^背景區(qū)，可通過設(shè)置頁頭背景進(jìn)行裝修。

操作路徑：裝修-樣式管理-背景設(shè)置-頁頭背景。