蔚蓝色950宽淘宝店铺尾部模板代码

当前位置鱼摆摆网 > 教程 > 装修教程 > 店铺尾部 >

蔚蓝色950宽淘宝店铺尾部模板代码

公众号：鱼摆摆网作者：admin 2018-08-25 11:46

分享一份蔚蓝色950宽淘宝店铺尾部模板代码，该淘宝页尾装修模板含个性淘宝搜索框、收藏本店、旺旺在线客服、店铺质保温馨提示、退货说明、发货说明。

（一）淘宝装修模板效果预览：

(1)淘宝页尾模板效果截图：

（2）模板真实预览地址：/uploadfile/201408/5/1145522681.html

（二）模板代码：

<div style="width:950px; margin:auto; position:relative; z-index:999; font-size:12px; font-weight:normal; text-align:left; overflow:hidden;"> <div style="border:1px solid #e2e2e2;border-top:none;font-family:微软雅黑;"> <div style="background:#FFF;overflow:hidden;border-top:1px solid #e2e2e2;color:#666;"> <ul> <li style="float:left;overflow:hidden;width:240px;padding:10px 20px;"> <h3 style="font-size:14px;color:#54c0c2;height:24px;line-height:24px;padding-left:30px;margin-bottom:8px;background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2Mfi9XVXXXXcQXXXXXXXXXXXX-1770601599.jpg) no-repeat 0 4px;">搜索其实很简单</h3> <div style="width:240px;height:24px;overflow:hidden;line-height:24px;background:#cacaca;"> <form method="post" name="SearchForm" target="_blank" action="http://shop57988233.taobao.com/search.htm"> <input type="hidden" name="userId"> <input type="hidden" name="shopId" value="57988233"> <input type="hidden" name="view_type"> <input type="hidden" name="order_type"> <input type="hidden" name="search" value="y"> <input autocomplete="off" name="keyword" size="20" style="width:198px;height:16px;line-height:16px;padding:4px 0;text-indent:4px;border:none;background:none;float:left;outline:none;" value="" type="text"> <input style="width:40px;background:#666 url(http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2oa6XXVXXXXblXXXXXXXXXXXX-1770601599.gif) no-repeat center center;height:25px;border:none;float:right;cursor:pointer;" value="" type="submit"> </form> </div> <div style="margin:16px 0 0 0;overflow:hidden;zoom:1;"> <b>客服：</b> <a style="display:inline-block; height:19px; padding-left:18px; color:#666; text-decoration:none; background:url(http://amos.alicdn.com/online.aw?v=2&uid=cecxiaohua&site=cntaobao&s=2&charset=utf-8) no-repeat scroll 0 top;" href="http://amos.alicdn.com/msg.aw?v=2&uid=cecxiaohua&site=cntaobao&s=1&charset=utf-8" _fcksavedurl="http://amos.alicdn.com/msg.aw?v=2&uid=cecxiaohua&site=cntaobao&s=1&charset=utf-8" target="_blank">客服</a> </div> </li> <li style="width:180px;height:95px;padding:0 20px;border-left:1px solid #e2e2e2;float:left;overflow:hidden;margin:10px 0;"> <h3 style="font-size:14px;color:#54c0c2;height:24px;line-height:24px;padding-left:30px;margin-bottom:8px;background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB2E659XVXXXXXZXXXXXXXXXXXX-1770601599.jpg) no-repeat 0 2px;">关于退换</h3> <div style="line-height:20px;">7天无理由退换，非质量问题发起的退换货，买家承担来回运费。</div> </li> <li style="width:180px;height:95px;padding:0 20px;border-left:1px solid #e2e2e2;float:left;overflow:hidden;margin:10px 0;"> <h3 style="font-size:14px;color:#54c0c2;height:24px;line-height:24px;padding-left:30px;margin-bottom:8px;background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB2U3q9XVXXXXbEXXXXXXXXXXXX-1770601599.jpg) no-repeat 0 2px;">关于发货</h3> <div style="line-height:20px;">本店默认发申通、圆通、中通，需要指定快递请联系客服，或留言。</div> </li> <li style="float:right;overflow:hidden;width:184px;height:114px;padding:0 20px;border-left:1px solid #e2e2e2;"> <div style="margin-top:15px; text-align:center;"> <a 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" style="width:82px;height:82px;display:inline-block;overflow:hidden;background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/TB2t9m.XVXXXXavXpXXXXXXXXXX-1770601599.gif) no-repeat center center;" target="_blank" title="收藏本店"></a> </div> </li> </ul> </div> <div style=" height:130px; background:#54c0c2 url(http://img03.taobaocdn.com/imgextra/i3/1770601599/TB2pmO.XVXXXXXZXpXXXXXXXXXX-1770601599.png) no-repeat center center; border-top:1px solid #e2e2e2;"></div> </div> </div>

（三）模板使用说明：

这份淘宝店铺尾部装修模板代码功能丰富。不适合安装在淘宝后利用淘宝编辑器修改。使用前，先按下面的步骤，修改好代码后直接安装到淘宝店铺底部模块里。

（1）更改店铺id，批量设置好回到首页、新品上架、收藏本店链接

代码中，直接查找搜索“57988233”这个数字，并替换为亲店铺自己的店铺id（shopid）。所有的 “57988233”均需要修改替换哦。这样就批量修改好了代码中的搜索条、收藏本店链接的链接。

说明：如果亲不知道自己店铺id的shopid是多少，请看教程：教你如何获取淘宝店铺shopid与如何更改淘宝店铺域名

（2）修改“关于退货”、“关于发货”内容

代码中，搜索查找“7天无理由退换，非质量问题发起的退换货，买家承担来回运费。”直接修改文字。

代码中，搜索查找“本店默认发申通、圆通、中通，需要指定快递请联系客服，或留言。”修改发货文字说明

（3）修改“客服”

代码中，搜索查找“cecxiaohua”替换你自己的旺旺名称。

（四）淘宝装修模板下载

本淘宝店铺装修蔚蓝色950宽淘宝店铺尾部模板代码下载地址是：/uploadfile/201408/5/115277649.rar