快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 新旺铺如何将导航和店招装修成通栏?

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

放大字体  缩小字体 发布日期:2024-05-28 07:35:41  来源:电商联盟  作者:乐发网  浏览次数:31

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

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

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

1、页头通栏装修准备:

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

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

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

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

2、页头通栏装修步骤:

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

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

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

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

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

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

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

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

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

生成代码并复制

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

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

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

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 新旺铺如何将导航和店招装修成通栏?

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
【官方教程】旺铺模块使用基础 淘宝店铺装修如何实现全屏轮播
淘宝店铺,天猫店铺背景固定的方法。 淘宝神笔子账号设置方法
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问