淘宝店铺导航颜色怎么设置

本文重点介绍淘宝，淘宝问答。

导航栏的“显示设置”是由一些固定代码设置的。这里我们设置一个导航栏的背景颜色为绿色，首页/店铺的动态背景颜色为白色，首页/店铺的动态右线为深绿色，首页/店铺的动态文字颜色为蓝紫色，所有类别的背景颜色为牡丹红色，所有类别的右线为古铜色，所有类别的文字颜色为黄色。

当然这种搭配肯定不会好看。就拿这个例子来说。比特可以根据自己的喜好和美感搭配颜色。指定颜色后，可以将下面的代码编辑到“显示设置”的输入框中。点击“确认”完成设置。/* */中的文本是注释文本，不影响代码内容。

淘宝店铺装修导航条在颜色上做了修改，那么如何自定义其他栏条的颜色呢？

新建一个淘宝自定义模板，自己写代码就行了。将您的2个位置中的代码复制到自定义内容区域，然后更改背景图像或背景颜色。导航栏可以自己定义颜色，但是需要用CSS代码！

先编辑代码，然后直接安装到商店导航栏的“显示设置”里！

下面是导航栏颜色修改的代码。你只需要修改红色部分的代码，红色部分就是显示的颜色:

/*导航栏的背景颜色*/

。skin-box-BD . menu-list { background:nonepeatscroll 00 # 00ad 08；}

/*家居/商场动态背景色*/

。skin-box-BD . menu-list . link { background:nonepeatscroll 00 # 00ad 08；}

/*首页/店铺动态右线*/

。skin-box-BD . menu-list . menu { border-right:1px # 006205 solid；}

/*主页/商店动态文本颜色*/

。skin-box-BD . menu-list . menu . title { color:# ff 0000 }

/*所有分类背景颜色*/

。all-cats . link { background:nonepeatscroll 00 # 00ad 08；}

/*所有类别右行*/

。all-cats . link { border-right:1px # 006205 solid；}

/*所有分类文本颜色*/

。skin-box-BD . all-cats . title { color:# ff 0000 }

免费导航:跳桥

首先解决一个基本问题——什么是免费导航？顾名思义，自由导航指的是可以放在商店任何地方的按钮或图片。其实自由导航有两种形式，一种是指向活动页面或类别的大小横幅，一种是直接指向某个类别的按钮。

除了分类按钮，推广banner也可以看作是一种免费导航。现在越来越多的店铺选择去掉首页的左栏，买家在浏览这类店铺时下拉一点网页就看不到导航了。点击顶部按钮可能会导致你重新浏览刚刚浏览的内容，但是不点击顶部按钮是无法查看分类的，所以这个页面布局中自由导航的作用不言而喻。图片不仅可以展示、宣传、传递信息，还可以翻页。

自由航行的禁忌

不要太浮夸。导航重在传达信息。其实买家要的是快速理解图片内容，而不是看店家炫耀自己的美术功底。

案例说明:如上图，主人主要表达的是“秋冬马甲”的内容，而图中视觉重量最高的是两个男模和一堆看似无用的英文字母。这样一来，只会吸引对图中两件马甲感兴趣的消费者点击，而对这两件马甲不感兴趣的消费者会认为只是海报，起不到引导作用。

不要有太抢眼的图。根据视线节奏的研究，如果页面中某个区域的视觉权重太强(比如全身都是灰色，突然出现红色图片)，那么浏览者的视线就会不稳定，或者在权重较高的区域来回浏览，这不是我们想要的。

不想要太多类型的推广。其实这不仅和导航有关，也和营销有关。同时，太多形式的促销活动往往会导致买家的困惑，买家的浮躁心理，从导航的角度沟通不清楚。

大家设置完淘宝店铺的导航内容后，卖家的朋友就可以整体浏览了。换句话说，再检查一遍。如果需要调整位置或者删除内容，可以及时修改淘宝店铺的导航颜色。

电商运营人员为您更新最近最有用的电商资讯和电商规则。了解更多电商资讯和行业动态，记得关注电商运营官！