通用红色全屏淘宝店招模板含公告收藏本店在线

小提示：您能找到这篇{通用红色全屏淘宝店招模板含公告收藏本店在线}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的通用红色全屏淘宝店招模板含公告收藏本店在线内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

分享一份功能丰富的红色通用1920全屏效果淘宝店招模板，模板包含了店招店铺公告、收藏本店、旺旺在线客服、分享店铺功能，模板由950x120店招代码、950x30导航条（显示设置css代码）、1920x150页头背景图构成。

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

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

01 配色与背景设置.txt

02 页头背景图.png

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

<div data-title="本淘宝装修模板由网店装修网www.yubaibai.com.cn免费分享" style="height:120px;color:#FFF;overflow:hidden;background:url(https://img.alicdn.com/imgextra/i4/60358248/TB2WYVosFXXXXbqXXXXXXXXXXXX-60358248.png) no-repeat center center;" data-widget-config="{"png":true,"png_tag":true}" data-widget-type="Compatible"> <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:#fff;">网</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:#FFF;">公告:欢迎光临本店，本店商品一律最低价，不议价</span> </div> </div> </div> <div style="float:right;width:320px;overflow:hidden;height:50px;line-height:20px;margin-top:60px;text-align:right;"> <div style="text-align:right;"> <a style="display:inline-block;_zoom:1;_display:inline;text-align:center;width:68px;height:22px;line-height:22px;color:#FFF;background:#111;text-decoration:none;" href="https://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0&scene=taobao_shop" _fcksavedurl="https://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0&scene=taobao_shop" class="top_fav_pop" target="_blank">收藏本店</a> <a style="display:inline-block;_zoom:1;_display:inline;text-align:center;width:68px;height:22px;line-height:22px;color:#FFF;background:#E62343;text-decoration:none;" href="https://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0&scene=taobao_shop" _fcksavedurl="https://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0&scene=taobao_shop" class="top_ww_pop" target="_blank">在线客服</a> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".top_fav_pop","triggerType":"mouse","align":{"node":".top_fav_pop","offset":[-1,0],"points":["tr","br"]}}" style="display:none;background:#FFF;width:161px;height:50px;line-height:15px;letter-spacing:-4px;border:2px solid #111;"> <a style="width:68px;height:40px;background:#FFF url(https://gdp.alicdn.com/imgextra/i2/770458061/TB2x0nDXVXXXXXgXXXXXXXXXXXX-770458061.png) no-repeat -5px 0;color:#F07E7A;display:inline-block;_zoom:1;_display:inline;text-align:center;padding:6px 0 0 10px;border-right:1px dashed #DDD;overflow:hidden;letter-spacing:0;" href="https://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0&scene=taobao_shop" _fcksavedurl="https://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0&scene=taobao_shop" target="_blank">店铺<br /> 收藏</a> <a style="width:68px;height:40px;background:#FFF url(https://gdp.alicdn.com/imgextra/i1/770458061/TB2yMjDXVXXXXXdXXXXXXXXXXXX-770458061.png) no-repeat -5px 0;color:#8ACCBE;display:inline-block;_zoom:1;_display:inline;text-align:center;padding:6px 0 0 10px;overflow:hidden;letter-spacing:0;" href="https://shop57988233.m.taobao.com/?scene=taobao_shop" _fcksavedurl="https://shop57988233.m.taobao.com/?scene=taobao_shop" target="_blank">手机<br /> 店铺</a> </div> <div class="J_TWidget" data-widget-type="Popup"<a href="/topic/40161">舆情监测分析报告</a> data-widget-config="{"trigger":".top_ww_pop","triggerType":"mouse","align":{"node":".top_ww_pop","offset":[-1,0],"points":["tr","br"]}}" style="display:none;width:160px;line-height:15px;border:2px solid #E62343;background:#FFF;padding:10px;"> <b style="color:#111;">客服中心：</b> <a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid=cecxiaohua&siteid=cntaobao&status=2&charset=utf-8&scene=taobao_shop" _fcksavedurl="http://www.taobao.com/webww/ww.php?ver=3&touid=cecxiaohua&siteid=cntaobao&status=2&charset=utf-8&scene=taobao_shop" style="colo<a href="/topic/28411">软件推广软文</a>r:#555;margin-right:10px;"> <img border="0" src="https://amos.alicdn.com/online.aw?v=2&uid=cecxiaohua&site=cntaobao&s=2&charset=utf-8" _fcksavedurl="https://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 style="margin-top:6px;"> <span style="display:inline-block;height:16px;line-height:16px;vertical-align:middle;">分享店铺：</span> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;_zoom:1;_display:inline;vertical-align:middle;width:145px;height:16px;background:url(https://gdp.alicdn.com/imgextra/i1/770458061/TB2L_LCXVXXXXbZXXXXXXXXXXXX-770458061.png) no-repeat 0 -110px;" data-sharebtn="{"client_id":"68","skinType":"3","comment":"350模板直销店","isShowFriend":false,"type":"shop","key":"57988233"}">   </div> </div> </div> </div>

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

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

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

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

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

提示1： 这个网站可以在线获取你网店的shopid

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

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

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

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

 淘宝店招模板，具体请移步淘宝店招模板（）

（四）淘宝装修模板下载