淘宝店铺导航栏是买家查看店铺商品的快捷方式。一个清晰的导航栏可以提高转化率和访问深度。淘宝店铺装修时,有些卖家需要改变导航条的颜色。如何改变导航栏的颜色?我们来看看导航栏的设置。
1.进入店铺装修首页。
从卖家中心进入店铺装修首页。
2.启动编辑命令。
单击编辑,将鼠标移动到导航栏,然后启动编辑命令。
3.编辑选项
分为“导航设置”和“显示设置”,可以设置导航内容,改变导航栏的显示外观。
默认情况下,导航内容只是“主页”。我们可以在导航栏中添加宝贝分类或者自定义页面,做出清晰的导航指引。
4.启动add命令。
点击“添加”
5.添加婴儿分类
所有类别的商店都列在婴儿类别下。检查需要添加到导航栏的类别,并确保。
6.添加分类效果。
添加的类别最终会显示在导航栏中吗?我们可以证实。
7.保存导航设置。
点击“保存”
8.添加分类导航栏。
新类别显示在导航栏中。
类似地,我们可以在导航栏中显示自定义页面或链接。
9.启动新页面命令。
单击“创建新页面”。由于商店中暂时没有可用的自定义页面,所以先添加一个自定义页面。
10.创建自定义页面
页面跳转,为我们列出了新页面的页面属性,但这是一个需要手动改进的新页面。
选择自定义页面作为页面类型(默认值),设置页面名称、页面地址和页面内容,然后保存。
页面回到装饰状态,我们继续直接在这个页面设置导航栏。
1.启动add命令。
在导航栏编辑对话框中进行总结,并启动add命令。
12.添加自定义页面
检查要添加的自定义页面,并确认。
13.调整导航内容位置。
单击上下箭头将导航内容调整到适当的位置。
导航内容的设置相对简单,但难点在于如何改变导航的背景和文字颜色,也就是显示设置。
14.实现自定义颜色的方法
虽然系统模板给我们提供了很多配色方案,但是这些配色方案毕竟是有限的。有时候,为了达到你想要的特定背景和文本颜色效果,需要通过CSS代码自定义导航样式。CSS代码可以在百度上搜索,这里就不提供了。
1)复制代码
选择所有代码并复制它们。
背景颜色、字体等。标有红色的可以替换,这样可以得到另一种效果的导航栏,颜色值可以从Photoshop中得到。
2)粘贴代码
将复制的代码粘贴到显示设置中,并确认。
3)导航栏效果
导航条的颜色和字体随着CSS代码而改变。买家可以在浏览店铺的过程中,通过点击相应的类别和页面,快速跳转到某个类别页面或自定义页面。
设置导航条的自定义颜色可以使导航条具有独特性,并使其与整个页面更加协调。如果你对导航栏的设置还有其他问题或者有更好的建议,请在评论区留下你的问题或建议。
Cosmetics Encyclopedia