淘宝门店导航栏是一款快速通道,清晰的导航栏可供买家查看门店产品,以提高转换率和访问深度。在装修淘宝门店时,有些卖家需要更改导航栏的颜色,那么如何更改导航栏的颜色呢?我们来看一下导航栏的设置。
1.进入装修首页
从卖家中心进入装修首页。
2.启动编辑命令
点击[编辑],将鼠标移动到导航栏,启动编辑命令。
3.编辑选项
分为“导航设置”和“显示设置”,可以设置导航内容和更改导航栏的显示外观。
导航内容默认只有“首页”,我们可以在导航栏中添加宝宝分类或自定义页面,提供清晰的导航指南。
4.启动添加命令
单击“添加”
5,添加婴儿类别
婴儿类别枚举该婴儿类别下商店的所有类别,检查需要添加到导航栏的类别,并确保。
6.添加类别的效果
添加的类别最终会显示在导航栏中吗?我们可以核实一下。
7.保存导航设置
添加类别后点击[保存]
8、导航栏
导航栏中会显示新添加的类别。
同样,我们可以在导航栏中显示自定义页面或链接。
9.启动新建页面命令
单击“新建页面”。由于商店没有可用的自定义页面,请先添加自定义页面。
10.创建自定义页面
页面会跳转,为我们列出新页面的页面属性,但这是一个需要手动改进的新页面。
选择页面类型为自定义页面(默认),设置页面名称、页面地址和页面内容,然后保存。
页面返回到可移除状态,我们将继续直接在此页面上设置导航栏。
11.启动导航栏编辑对话框中的添加命令
汇总,并启动添加命令。
12.添加自定义页面
检查要添加的自定义页面并确保。
13.调整导航内容的位置
点击上下箭头,将导航内容调整到合适的位置。
导航内容的设置比较简单,难点在于如何改变导航的背景和文本颜色,即显示设置。
14.自定义配色实现
虽然系统模板为我们提供了很多套配色方案,但这些配色方案毕竟是有限的。有时,为了达到您想要的特定背景和文本颜色效果,您需要通过CSS代码来自定义导航样式。你可以在百度上搜索CSS代码,但我不会在这里提供。
1)复制代码
选择所有代码并复制。
可以替换以红色标记的背景颜色、字体等,以便您可以获得具有其他效果的导航栏,并且可以从Photoshop获取颜色值。
2)粘贴代码
将复制的代码粘贴到显示设置中并确定。
3)导航栏效果
导航栏的颜色和字体会随着CSS代码的变化而变化,买家可以在浏览店铺时快速跳转到分类页面或点击相应的分类或页面进行定制。
在导航栏中设置自定义颜色可以使导航栏不同,并使导航栏与整个页面更协调。如果您对导航栏有其他问题或有更好的建议,请在评论部分留下您的问题或建议。