也许有许多卖家朋友们开始注意到了装修淘宝店铺页尾的重要性。不仅给整体店铺增加了专业感,还能够配合页头导航栏有效引导客户进行深度浏览,增加了促进交易的可能性。
普通的页尾装修其实并达不到以上效果。要制作赏心悦目的页尾装修,还需要代码的支持。以下,唯艺给各大950版本店铺的卖家们提供淘宝店铺蔚蓝色页尾装修模板代码,有类似风格的店主们可以直接套用该模板装修代码,省时省力,事半功倍。
<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="淘宝店铺首页链接/search.htm">
<input type="hidden" name="userId">
<input type="hidden" name="shopId" value="店铺ID">
<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=旺旺名称&site=cntaobao&s=2&charset=utf-8) no-repeat scroll 0 top;" href="http://amos.alicdn.com/msg.aw?v=2&uid=旺旺名称&site=cntaobao&s=1&charset=utf-8" _fcksavedurl="http://amos.alicdn.com/msg.aw?v=2&uid=旺旺名称&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="收藏店铺链接" _fcksavedurl="收藏店铺链接" 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>
该950版淘宝店铺蔚蓝色页尾装修模板代码有以下几个主要模块:
1. 个性淘宝搜索框
2. 收藏本店
3.旺旺在线客服
4. 店铺质保温馨提示
5. 退货说明
6. 发货说明
如果以上模块中有你不需要的,卖家们只需要把模块的文字信息改成自己需要的即可。注意哦,使用该页尾装修模板代码的店铺风格最好相一致。
本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!