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

    新旺铺如何将导航和店招装修成通栏?

    2015-04-16 16:01:45 人气:6741

    淘宝店铺装修其实是为了迎合用户购物体验的第一部分,同时也符合了淘宝上的店铺经营方针。

    店铺装修是网店面对顾客的第一扇门,可想而知,如果你的店铺装修都不到位,那接下来的生意又会流失了多少呢?因此装修店铺是我们卖家开店首要认真对待的一件事情。不论是从店铺导航、店招、海报、等等,最后到宝贝详情页,这一系列的装修都需要我们多花点心思进去。而如今的详情页,淘宝明文建议将主图尺寸变大,并将导航和店招设置成通栏模式,从而提升宽屏用户浏览体验。

    这里我们发现一个问题,如何将导航和店招装修成通栏呢?方法其实很简单,具体装修教程如下:

    1、页头通栏装修准备:

    首先需要准备页头通栏1920*150的尺寸,

    方法:在PS里面新建两条垂直参考线,第一条485PX,第二条1435PX;再建立一条水平参考线120PX,如图:

    新旺铺如何将导航和店招装修成通栏?1

    然后把整个页头背景存储为WEB所用格式,注意文件小于200K,尺寸为1920*150像素

    在把店招部分给裁剪保存下来,尺寸为950*120像素,如下图:

    新旺铺如何将导航和店招装修成通栏?2

    2、页头通栏装修步骤:

    1. 店招安装(尺寸为:950*120像素)

    进入店铺装修后台,店招部分,编辑,选择自定义店铺招牌,然后插入准备好的店招(如果需要加多个链接,可以采用切片或者热点来加店招链接)

    新旺铺如何将导航和店招装修成通栏?3

    2. 页头背景安装(尺寸为:1920*150像素,文件小于200K)

    左侧-->页头,然后更换页头背景图,背景显示:不平铺;背景对齐:居中;应用到所有页面;页头下边距10像素:关闭。

    新旺铺如何将导航和店招装修成通栏?4

    注意必须是旺铺专业版才能更换页头背景图片,如果不是专业版,新旺铺可以免费升级专业版。

    3.导航栏CSS代码改导航条颜色

    新旺铺如何将导航和店招装修成通栏?5

    在PS里面将导航条中的颜色CMYK值查出来,如下图,值为:9c6218

    打开免费在线生成导航栏CSS代码网页:http://www.taoour.com/tbzx/navigationBar_css/navigationBar_css.html

    替换下面红框几个部分,注意保留#号,其他地方也可以根据自己实际需要修改,可以在线预览先看效果

    新旺铺如何将导航和店招装修成通栏?6

    生成代码并复制

    新旺铺如何将导航和店招装修成通栏?7

    到店铺装修后台,导航栏位置,点击编辑按钮

    新旺铺如何将导航和店招装修成通栏?8

    点击显示设置,将生成的导航栏CSS代码复制到这里

    新旺铺如何将导航和店招装修成通栏?9

    最后发布,完整的页头通栏就OK了。

    新旺铺如何将导航和店招装修成通栏? 10

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

    淘宝店铺装修

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

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

    甩手客户服务

    • 甩手问答
    • 在线客服:企业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号

    关闭
    在线客服
    投诉建议