淘宝店铺PC端导航栏编辑/换色操作指引

不论是淘宝PC端还是无线端店铺，导航栏都是店铺装修非常重要的一个环节，它是可以给买家更好的进行引流、促进转化的。如果新手卖家还不清楚PC端店铺导航栏的编辑、换色等操作的话，这篇文章一一教你哦！

1、PC端导航栏编辑操作

进入淘宝旺铺后台，选择导航栏出的“编辑”，在打开的弹窗里面选择”添加“：

添加宝贝分类至导航：

添加页面至导航：

添加自定义链接至导航操作如下：

设置好的内容可以在此调整位置或删除：

在前台展示如下：

2、PC端导航栏换颜色/样式操作

PC端店铺导航栏的更换颜色及样式是需要用到CSS进行的。操作位置如下：

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}

以上内容可以一同复制使用，不会影响使用效果！

注意事项：

1.每个样式最前的.tshop-pbsm-shop-nav-ch 前缀，意思是这个样式只能作用在导航上面，而不会影响到其他模块样式。系统是默认会加上此前缀的。

2.css的样式值，如 expression这个可执行js代码的属性，是不允许使用的。

FAQ：

1、为什么我的导航装修后不见了？

如果装修发布后导航不见了，可以将店铺招牌尺寸修改为：950*120 px

（页头高150px包含店铺招牌和导航，如果店铺招牌高设置成150px，发布后导航可能消失不见）

2、导航两侧超出950的部分怎么去掉？

此区域属于页头背景区，可通过设置页头背景进行装修。

操作路径：装修-样式管理-背景设置-页头背景。