如何设计淘宝旺铺店铺导航

 时间:2024-11-08 05:36:23

淘宝店铺导航是买家访问店铺的快速通道可以方便地从一个页面跳转到另一个页面,查看店铺擢爻充种的各类商品及信息。因此,枞绶晷箜提供清晰的导航,能保证更多店铺页面被访问,使更多的商品,活动被发现。尤其买家从宝贝详情页到其他页面,若缺少导航条的指引,将极大影响转化率

方法/步骤

1、如何编辑旺铺2012的导航呢?进入店铺后台,选择导航处的”编辑“: 1.在打开的弹窗里面选择”添加“:

如何设计淘宝旺铺店铺导航

如何设计淘宝旺铺店铺导航

2、2.添加宝贝分类至导航操作如下:

如何设计淘宝旺铺店铺导航

3、3.添加页面至导航操作如下:

如何设计淘宝旺铺店铺导航

4、4.添加自定义链接至导航操作如下:

如何设计淘宝旺铺店铺导航

5、5.设置好的内容可以在此调整位置或删除:

如何设计淘宝旺铺店铺导航

6、 6.在前台展示如下:

如何设计淘宝旺铺店铺导航

7、新旺铺导航是可以更换颜色和式样的哟这里需要一些css的小技巧。操作位置如下:

如何设计淘宝旺铺店铺导航

8、下面是自定义导航的示例.咯悝滩镞首先要了解,什么是自定义css CSS也叫层叠样式表单,是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言镯安嘟沭 店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。 下面,举几个简单的例子来说明下这个功能的作用 上面这个是店铺官方模板导航样式,但是我觉得这个背景色我不喜欢,我想换一个背景颜色或者文字颜色,在css里面,设置背景色使用background-color:#颜色值#,文字颜色是color:#颜色值# 【设置整个导航的背景】 .tshop-pbsm-shop-nav-ch{ background-color:#F37C06; } 【设置导航中bd部分的背景】 .tshop-pbsm-shop-nav-ch.skin-box-bd{ background-color:#F37C06; } 【设置导航文字的背景,因为系统中默认有很多地方有背景,所以这个地方需要覆盖完全】 .tshop-pbsm-shop-nav-ch.link{ background-color:#F37C06; background-image:none; } 【设置文字颜色】 .tshop-pbsm-shop-nav-ch.title{ color:white; } tshop-pbsm-shop-nav-ch和.title,.link….这些就是css的选择器,代表我想把哪个背景色或者文字颜色应用在哪个元素上面。看看效果:

如何设计淘宝旺铺店铺导航

嘴角开裂怎么办 走路走得脚疼怎么办 银柴胡的功效与作用 V领条纹T恤如何穿搭比较好看 锦绣杜鹃的养殖方法是什么?
热门搜索
向日葵韩国电影 孙悟空电影 定窑瓷器图片 南天竹盆景图片 萧淑慎图片