分享一份清爽的黑白配色各行业通用的1920全屏效果的淘宝店招模板，模板包含了店招店铺公告、收藏下次访问提示、手机掌握动态提示、手机旺旺在线客服、分享店铺功能，模板由950x120店招代码、950x30导航条（显示设置css代码）、1920x150页头背景图构成。

淘宝网店右上角，自动带了收藏本店和手机访问二维码图，不过大部分人都不清楚。这套淘宝装修模板右上角，专门加了收藏下次访问提示、手机掌握动态提示，鼠标移动提示位置，即可看到。

（一）淘宝店招装修效果如下：

效果中含导航条下拉的效果

（二）淘宝店铺装修全屏淘宝店招模板清单如下：

01 配色与背景设置.txt

02 页头背景图.png

03 店招代码（店招高度120px）.txt

<div style=" height:120px; color:#666; overflow:hidden; background:url(https://img.alicdn.com/imgextra/i2/60358248/TB2ENhwsFXXXXcPXpXXXXXXXXXX-60358248.png) no-repeat center center" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" banner_height="120"> <div style="overflow:hidden;float:left;width: 630px;height: 120px;"> <div style="float:left;width: 330px;height: 80px;line-height:80px;text-align:center;margin-top:20px;margin-left:300px"> <span style="font-size:50px;font-family:微软雅黑;"><b style="color:#000;">鱼摆摆网</b> </span> </div> <div style="background:url(https://gdp.alicdn.com/imgextra/i1/770458061/TB2wBTCXVXXXXcSXXXXXXXXXXXX-770458061.gif) no-repeat 0 center;overflow:hidden;height:20px;padding-left:20px;line-height:20px;width:300px;margin-top:0px;float:left;"> <div style="overflow:hidden;height:20px;line-height:20px;"> <span style="height:20px;line-height:20px;overflow:hidden;color:#000;">公告:欢迎光临本店，本店商品一律最低价，不议价</span> </div> </div> </div> <div style=" float:right; width:300px; overflow:hidden;"> <div style=" text-align:center; float:right; margin-top:4px;height:26px; overflow:hidden;color:#000;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);opacity:.65;"> <span style=" display:inline-block;width:94px; overflow:hidden; height:24px; line-height:26px; background:url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB20uTDXVXXXXbgXXXXXXXXXXXX-770458061.gif) no-repeat;"> 收藏下次访问！ </span> <span style=" display:inline-block;width:94px; overflow:hidden; height:24px; line-height:26px; background:url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB20uTDXVXXXXbgXXXXXXXXXXXX-770458061.gif) no-repeat;"> 手机掌握动态 </span> </div> <div style="margin-top:68px;height:22px;overflow:hidden;float:right;width:160px"> <div class="sns-widget" title="分享" style="cursor:pointer;float:right;text-align:center;vertical-align:top; width:68px;height:22px;line-height:22px;color:#FFF;background:#333" data-sharebtn="{"client_id":"68","skinType":"3","comment":"350模板直销店","isShowFriend":false,"type":"shop","key":"57988233"}">分享店铺</div> <a style="float:right;text-align:center; margin-right:5px;width:68px;vertical-align:top; height:22px; line-height:22px; color:#FFF; background:#333; text-decoration:none" href="http://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0" _fcksavedurl="http://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0" class="top_ww_pop" target="_blank">在线客服</a> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.top_ww_pop','triggerType':'mouse','align':{'node':'.top_ww_pop','offset':[-1,0],'points':['tr','br']}}" style="display:none; width:180px;line-height:15px;border:2px solid #333; background:#FFF; padding:10px;"> <b style="color:#555">客服中心：</b> <a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid=cecxiaohua&siteid=cntaobao&status=2&charset=utf-8" _fcksavedurl="http://www.taobao.com/webww/ww.php?ver=3&touid=cecxiaohua&siteid=cntaobao&status=2&charset=utf-8" style="color:#555;margin-right:10px"> <img border="0" src="http://amos.alicdn.com/online.aw?v=2&uid=cecxiaohua&site=cntaobao&s=2&charset=utf-8" _fcksavedurl="http://amos.alicdn.com/online.aw?v=2&uid=cecxiaohua&site=cntaobao&s=2&charset=utf-8" alt="客服联系我们" style=" vertical-align:middle"><span style="padding-left:5px;">联系我们</span> </a> </div> </div> </div> </div>

04 导航条显示设置css代码.txt

（三）淘宝装修模板使用说明：

（1）系统配色选“黑白色”，页头背景图设置为“居中对齐，不平铺”，背景色不勾选。

（2）店招高度设置为120px

（3）店招右侧含分享店铺功能。大家安装代码前，先用记事本打开，搜索“57988233”替换为你自己的店铺shopid

提示1：http://www.yubaibai.com.cn/tool/cy/ 这个网站可以在线获取你网店的shopid

提示2：shopid其实就是你网店初始域名中的数字。比如shop57988233.taobao.com  中的数字，就是shopid

（4）模板中“旺旺在线客服”设置：

记事本打开代码，搜索并替换“cecxiaohua”为自己的旺旺帐号，即可自动设置旺旺客服

（5）模板中“鱼摆摆网店装修网”可自行替换为自己网店的名称。公告文字也可以自行修改。

（6）本站分享了更多样式的

 淘宝店招模板，具体请移步淘宝店招模板（http://www.yubaibai.com.cn/html/wangpudianzhao/）

（四）淘宝装修模板下载

黑白清爽各行通用1920全屏效果淘宝店招模板打包下载地址是：/uploadfile/201607/9/1146200869.zip

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 yubaibai360@qq.com 举报，一经查实，本站将立刻删除。