当前位置:首页>资讯中心
学院新闻:
淘宝培训—淘宝网店新旺铺教程导航装修技巧

 


上海淘宝培训

点此查看(淘宝培训)视频教程>>
上海淘宝培训

如何编辑旺铺2012 的导航呢?进入(上海淘宝培训)店铺后台,选择导航处的”编辑“:上海淘宝培训

1.在打开的弹窗(上海淘宝运营培训)里面选择”添加“:

上海淘宝培训

2.添加宝贝分类(淘宝运营培训)至导航操作如下:

上海淘宝培训

3.添加页面至(上海淘宝运营培训)导航操作如下:

上海淘宝培训

4.添加自定义链接至(淘宝培训)导航操作如下:

上海淘宝培训

5.设置好的内容可以(上海淘宝培训)在此调整位置或删除:

上海淘宝培训

6.在前台展示如下:
上海淘宝培训

新旺铺导航是可以更换颜色和式样(上海淘宝运营培训)的哟 这里需要一些css的小技巧 。操作位置如下:

上海淘宝培训

下面是自定义导航的示例. 首先(上海淘宝培训)要了解,什么是自定义css

CSS 也叫层叠样式表单, 是用于(增强)控制网页样式(淘宝运营培训)并允许将样式信息与网页内容分离的一种标记性语言

店铺导航开放css设定,就是说让卖家通过css来让(淘宝培训)导航展现的更加丰富自定义,交给卖家控制。

 上海淘宝培训


以下文字内容可以一同复制(上海淘宝运营培训)使用,不会影响到使用效果哦!

/* 导航条背景色*/

.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

/*首页/店铺动态背景色*/

.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

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

.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

/*首页/店铺动态文字颜色*/

.skin-box-bd .menu-list .menu .title{color:#ff0000}

/*所有分类背景色*/

.all-cats .link{background: none repeat scroll 0 0 #00ad08;}

/*所有分类右边线*/

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

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

.skin-box-bd .all-cats .title{color:#ff0000} 

看一下效果哦!【用了红绿配,赛狗屁的颜色。让大家可以更加深刻的对比代码中的颜色。】

上海淘宝培训

补充:

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

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

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

   具体样式使用的(上海淘宝运营培训)白名单请参考


旺铺2012页头整体限高150PX。所以当店招设为150PX时,导航会被挤下去。

所以页头过高时,导航会(淘宝运营培训)被截断。解决办法就是调整店招高度。


热门问题答疑

1导航误删怎么找回来?

导航模块不可删除。如果装修发布后(上海淘宝培训)导航不见了,可以将店铺招牌尺寸修改为:950*120 px

(页头高150px包含店铺招牌和导航,如果店铺招牌(淘宝培训)高设置成150px,发布后导航可能消失不见)

2 css不会用,代码不会写怎么办?

可以参考下面三个(上海淘宝运营培训)卖家分享帖子:
上海淘宝培训上海淘宝培训上海淘宝培训

3 经典导航案例
上海淘宝培训

 4 导航两侧(上海淘宝培训)超出950的部分怎么去掉?

上海淘宝培训

解决方案:此区域属于页头(淘宝运营培训)背景区。可通过设置页头背景进行装修。

操作路径:装修-样式(上海淘宝培训)管理-背景设置-页头背景 

 上海淘宝培训

发布时间 : 2014/11/20 9:47:14 | 分类 : 网络营销资讯

焦点资讯
学员评价
  •  王晓露
    海尔集团  营销部长
    很喜欢这里的老师,教课很用心,很博学,幽默,这是我一生中经历过的最好的培训学院。感受颇多,让我认识了一个全新的网销世界,懂得如何去做网络营销!
  •  孙丽
    海尔集团 美工
    学院环境优美安静,老师讲课生动,很有亲和力,使人听后有求知欲,案例分解精辟,很实用!活动有趣,启发大;理论性与实践性相结合,实战上课,指导性强!
收缩