首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修教程

    淘宝店铺PC端导航栏编辑/换色操作指引

    2019-11-04 14:59:18 来源:淘宝论坛 人气:12968

    不论是淘宝PC端还是无线端店铺,导航栏都是店铺装修非常重要的一个环节,它是可以给买家更好的进行引流、促进转化的。如果新手卖家还不清楚PC端店铺导航栏的编辑、换色等操作的话,这篇文章一一教你哦!

    1、PC端导航栏编辑操作

    进入淘宝旺铺后台,选择导航栏出的“编辑”,在打开的弹窗里面选择”添加“:

    添加宝贝分类至导航:

    添加页面至导航:

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

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

    在前台展示如下:

    2、PC端导航栏换颜色/样式操作

    PC端店铺导航栏的更换颜色及样式是需要用到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代码的属性,是不允许使用的。

    FAQ:

    1、为什么我的导航装修后不见了?

    如果装修发布后导航不见了,可以将店铺招牌尺寸修改为:950*120 px

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

    2、导航两侧超出950的部分怎么去掉?

    此区域属于页头背景区,可通过设置页头背景进行装修。

    操作路径:装修-样式管理-背景设置-页头背景。

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    淘宝店铺装修

    淘宝店铺装修

    网店装修对于卖家来说就是通往销量的门,核心在于促进交易的进行。 良好的店铺装修能够给买家很直观的视觉体验和心理作用,进一步获得更优质的客户源和转化率,是我们经营店铺的一大利器。本专题让你能够学到从新手到...

    详情>>
    淘宝实用工具
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议