绿色风格茶叶店1920全屏淘宝店招模板

来源：互联网
2024-05-08 23:28:43

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

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

提示：模板中间“茶之韵”是在背景图里，不可修改

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

01 配色与背景设置.txt

02 页头背景图.png

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

<p style=" height:120px; color:#666; overflow:hidden; background:url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2SS6CXVXXXXXBXpXXXXXXXXXX-770458061.png) no-repeat center center" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" banner_height="120">鱼摆摆网 <p 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;">公告:欢迎光临本店，本店商品一律最低价，不议价<p 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"}">分享店铺 <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><p 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;">客服中心：<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">联系我们</a>

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/）