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

如何设计淘宝旺铺店铺导航——简介


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

如何设计淘宝旺铺店铺导航——方法/步骤

如何设计淘宝旺铺店铺导航 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的选择器,代表我想把哪个背景色或者文字颜色应用在哪个元素上面。看看效果:

如何设计淘宝旺铺店铺导航——注意事项

1:可以注意到, 每个样式最前面有个.tshop-pbsm-shop-nav-ch 前缀, 意思是这个样式只能作用在导航上面,而不会影响到其他模块样式.

如果卖家在写的时候不加上这个前缀,系统会默认帮助加上, 同样是为了这个样式只作用在导航上,不影响到其他模块

2: css的样式值,同样有些样式是不能写的,比如 expression这个可执行js代码的属性,是不允许使用的.

  

爱华网本文地址 » http://www.413yy.cn/a/25101010/15174.html

更多阅读

如何申请淘宝账号 申请淘宝账号注册

如何申请淘宝账号——简介现在网购已经成为大家购买东西最方便的渠道之一,淘宝里有大量的宝贝等着大家去淘啊,现在就让我们申请一个淘宝账号,到那里淘淘自己喜欢的东西吧。如何申请淘宝账号——方法/步骤如何申请淘宝账号 1、来到淘

如何从淘宝网首页进入规则频道 淘宝网网站首页

如何从淘宝网首页进入规则频道——简介现在淘宝做的是越来越大了,很多的人在淘宝上开店,在别人的地盘上就要守人家的规矩,那么淘宝的规则频道怎么进呢?如何从淘宝网首页进入规则频道——方法/步骤如何从淘宝网首页进入规则频道 1、先打

如何修改淘宝电话号码 淘宝账号更换绑定手机

如何修改淘宝电话号码——简介淘宝网作为大型网上购物平台之一,在账号设置时会绑定用户的电话号码。以保证账号的安全等级。但往往用户常需要修改手机号,具体操作步骤如下。如何修改淘宝电话号码——方法/步骤如

如何偷淘宝主图-淘宝偷图秘决 淘宝偷图

如何偷淘宝主图-淘宝偷图秘决——简介上次分享了一篇“教你快速偷淘宝宝贝详情页的产品图-淘宝偷图”反映还算不错,今天我们再来分享“如何偷淘宝主图-淘宝偷图秘决”,使用工具依然是谷歌浏览。爆个料:谷歌浏览器是我目前所使用的浏览

淘宝 如何在淘宝上找到好店好商品 淘宝开店最少几件商品

【淘宝】如何在淘宝上找到好店好商品——简介教你如何快速找到好店好商品【淘宝】如何在淘宝上找到好店好商品——方法/步骤【淘宝】如何在淘宝上找到好店好商品 1、点击进入淘宝后,输入你要找的宝贝的关键词,点击搜索,我们会看到弹出

声明:《如何设计淘宝旺铺店铺导航 淘宝旺铺悬浮导航》为网友千杯不停盏分享!如侵犯到您的合法权益请联系我们删除