今日分享的这个淘宝店铺装修模板宽度950，具有倒计时功能，显示原价、打折价，本模板为在线制作生成。本淘宝团购模板中的标题、原价、现价、宝贝主图、购买地址等内容在线配置后，一键生成对应的淘宝店铺装修代码，无需手动修改代码哦。

特别提示1：鱼摆摆分享了很多的完整效果淘宝店铺装修免费模板（http://www.yubaibai.com.cn/html/），配合我们的这个店铺模板模块，装修更漂亮哦！

特别提示2：本模板，需要您先淘宝订购开通设置好打折，才能真正意义上具有打折功能，如果您没设置打折，建议看看：《淘宝限时打折怎么设置》

模板预览效果图：

模板顶部的标题，可以任意修改，可修改为类似：店庆秒杀，新店开张、双11 特价优惠、冲冠打折等等。

这个模板专业版旺铺，基础版旺铺均可以使用哦（基础版的旺铺需要适当变换一下，具体看教程：基础版店铺如何使用基础版950通栏代码装修出专业版950宽模板效果）

（一）淘宝店铺装修模板在线制作地址：http://www.yubaibai.com.cn/tool/tuangou/B152/

（二）淘宝店铺装修模板配置修改说明

（1）设置活动结束时间

模板默认未设置活动结束时间，显示为活动已经结束。大家制作时，勾选时间选择器，设置好您要倒计时的结束时间

（2）配置宝贝标题、购买地址、宝贝主图

（三）淘宝装修模板范例代码

<div class="sg-hd" style="background:#ffd101; border-bottom:none;height:63px;width:920px; margin:0 auto; line-height:63px;color:#555; font-family:微软雅黑;font-size:24px; padding:0 15px;"> <h3 style=" color:#ec2b2c; float:left;">双12团购：</h3> <span style="float:left; padding-left:10px;color:#8d3800">限时活动，机会难得！如此优惠，机不可失，把握好机会哦！</span> </div> <div class="sg-bd J_TWidget" data-widget-type="Carousel" data-widget-config="{ 'effect': 'scrollx', 'easing': 'easeBoth', 'steps': 1, 'circular': true, 'interval':6, 'duration':0.5, 'prevBtnCls': 'prev', 'nextBtnCls': 'next', 'disableBtnCls': 'disable', 'autoplay': false }" style=" clear:both; background:#FFF;width:950px; margin:0 auto; overflow:hidden;zoom:1"> <div class="scroller" style=" float:left;width:637px; height:332px; overflow:hidden;zoom:1"> <ul class="ks-switchable-content" style="font-family:arial;color:#666"> <li class="J_TWidget" time="#" data-widget-config="{ 'endTime': '#', 'interval': 1000, 'timeRunCls': '.jim-countdown-run', 'timeUnitCls':{ 'd': '.ks-d', 'h': '.ks-h', 'm': '.ks-m', 's': '.ks-s', 'i': '.ks-i' }, 'minDigit': 1, 'timeEndCls': '.jim-countdown-end' }" data-widget-type="Countdown" style=""> <div style="float:left; width:330px; height:330px;overflow:hidden; border-right:1px solid #DDD"> <div class="jim-countdown-run"><a href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" target="_blank" style="display:block; width:310px; height:310px; margin:9px auto; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center"></a> </div> <div class="jim-countdown-end" style="display:none; width:310px; height:310px; margin:9px auto; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center"></div> </div> <div style="float:left; width:286px; height:330px; padding:18px 0 0 18px; overflow:hidden;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2QzTCXVXXXXXIXpXXXXXXXXXX-770458061.gif) no-repeat 0 17px; border-right:1px solid #DDD"> <div class="J_TWidget" data-widget-config="{'png':true,'png_bg':true}" data-widget-type="Compatible" style=" height:120px; width:267px; overflow:hidden; color:#555; "> <table width="250" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td height="70" colspan="2" align="left" valign="middle"><b style=" font-size:36px; color:#FFF; padding-left:20px;">¥112</b></td> <td width="34%" align="center" valign="middle"> <div class="jim-countdown-run"><a href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" target="_blank" style="display:block; width:71px; height:36px; background:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2EPvCXVXXXXaTXpXXXXXXXXXX-770458061.gif) no-repeat;"></a></div> <div class="jim-countdown-end" style="display:none; width:71px; height:36px; background:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2EPvCXVXXXXaTXpXXXXXXXXXX-770458061.gif) no-repeat 0 -36px;"></div> </td> </tr> <tr> <td width="35%" height="21"> </td> <td width="31%"> </td> <td> </td> </tr> <tr> <td height="25" align="center" valign="middle">¥124</td> <td align="center" valign="middle">9</td> <td align="center" valign="middle">¥12</td> </tr> </tbody> </table> </div> <div class="time-count jim-countdown-run" style=" text-align:center; width:267px; margin:10px 0"> <span class="tit">剩余时间: </span> <span class="ks-d value" style="font-family:impact; font-size:24px;vertical-align:middle">0</span> <span class="unit">天</span> <span class="ks-h value" style="font-family:impact; font-size:24px;vertical-align:middle">0</span> <span class="unit">小时</span> <span class="ks-m value" style="font-family:impact; font-size:24px;vertical-align:middle">0</span> <span class="unit">分</span> <span class="ks-s value1" style="font-family:impact; font-size:24px;vertical-align:middle; color:#ec2b2c">0</span> <span class="unit">秒</span> </div> <div class="time-count jim-countdown-end" style=" text-align:center; width:267px; margin:10px 0; display:none"> <span style="color:#111; font-size:18px; font-family:微软雅黑">活动结束了亲..明天再续哦</span> </div> <div style=" width:267px; line-height:18px;"> <b style="color:#111; display:block; margin-bottom:10px;">推荐理由</b> <p style="border-top:1px dashed #eee; margin-bottom:10px; padding-top:10px; display:block;">1.此款为本店最热销的商品哦，外观时尚，精心打造，希望亲能喜欢哦！</p> <p style="border-top:1px dashed #eee; margin-bottom:10px; padding-top:10px; display:block;">2.同时该商品为本店限时打折商品，超值的价格，强劲的质量，机不可失哦！</p> </div> </div> </li><li class="J_TWidget" time="#" data-widget-config="{ 'endTime': '#', 'interval': 1000, 'timeRunCls': '.jim-countdown-run', 'timeUnitCls':{ 'd': '.ks-d', 'h': '.ks-h', 'm': '.ks-m', 's': '.ks-s', 'i': '.ks-i' }, 'minDigit': 1, 'timeEndCls': '.jim-countdown-end' }" data-widget-type="Countdown" style=""> <div style="float:left; width:330px; height:330px;overflow:hidden; border-right:1px solid #DDD"> <div class="jim-countdown-run"><a href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" target="_blank" style="display:block; width:310px; height:310px; margin:9px auto; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center"></a> </div> <div class="jim-countdown-end" style="display:none; width:310px; height:310px; margin:9px auto; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center"></div> </div> <div style="float:left; width:286px; height:330px; padding:18px 0 0 18px; overflow:hidden;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2QzTCXVXXXXXIXpXXXXXXXXXX-770458061.gif) no-repeat 0 17px; border-right:1px solid #DDD"> <div class="J_TWidget" data-widget-config="{'png':true,'png_bg':true}" data-widget-type="Compatible" style=" height:120px; width:267px; overflow:hidden; color:#555; "> <table width="250" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td height="70" colspan="2" align="left" valign="middle"><b style=" font-size:36px; color:#FFF; padding-left:20px;">¥67</b></td> <td width="34%" align="center" valign="middle"> <div class="jim-countdown-run"><a href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" target="_blank" style="display:block; width:71px; height:36px; background:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2EPvCXVXXXXaTXpXXXXXXXXXX-770458061.gif) no-repeat;"></a></div> <div class="jim-countdown-end" style="display:none; width:71px; height:36px; background:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2EPvCXVXXXXaTXpXXXXXXXXXX-770458061.gif) no-repeat 0 -36px;"></div> </td> </tr> <tr> <td width="35%" height="21"> </td> <td width="31%"> </td> <td> </td> </tr> <tr> <td height="25" align="center" valign="middle">¥124</td> <td align="center" valign="middle">5.4</td> <td align="center" valign="middle">¥57</td> </tr> </tbody> </table> </div> <div class="time-count jim-countdown-run" style=" text-align:center; width:267px; margin:10px 0"> <span class="tit">剩余时间: </span> <span class="ks-d value" style="font-family:impact; font-size:24px;vertical-align:middle">0</span> <span class="unit">天</span> <span class="ks-h value" style="font-family:impact; font-size:24px;vertical-align:middle">0</span> <span class="unit">小时</span> <span class="ks-m value" style="font-family:impact; font-size:24px;vertical-align:middle">0</span> <span class="unit">分</span> <span class="ks-s value1" style="font-family:impact; font-size:24px;vertical-align:middle; color:#ec2b2c">0</span> <span class="unit">秒</span> </div> <div class="time-count jim-countdown-end" style=" text-align:center; width:267px; margin:10px 0; display:none"> <span style="color:#111; font-size:18px; font-family:微软雅黑">活动结束了亲..明天再续哦</span> </div> <div style=" width:267px; line-height:18px;"> <b style="color:#111; display:block; margin-bottom:10px;">推荐理由</b> <p style="border-top:1px dashed #eee; margin-bottom:10px; padding-top:10px; display:block;">1.此款为本店最热销的商品哦，外观时尚，精心打造，希望亲能喜欢哦！</p> <p style="border-top:1px dashed #eee; margin-bottom:10px; padding-top:10px; display:block;">2.同时该商品为本店限时打折商品，超值的价格，强劲的质量，机不可失哦！</p> </div> </div> </li><li class="J_TWidget" time="#" data-widget-config="{ 'endTime': '#', 'interval': 1000, 'timeRunCls': '.jim-countdown-run', 'timeUnitCls':{ 'd': '.ks-d', 'h': '.ks-h', 'm': '.ks-m', 's': '.ks-s', 'i': '.ks-i' }, 'minDigit': 1, 'timeEndCls': '.jim-countdown-end' }" data-widget-type="Countdown" style=""> <div style="float:left; width:330px; height:330px;overflow:hidden; border-right:1px solid #DDD"> <div class="jim-countdown-run"><a href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" target="_blank" style="display:block; width:310px; height:310px; margin:9px auto; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center"></a> </div> <div class="jim-countdown-end" style="display:none; width:310px; height:310px; margin:9px auto; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center"></div> </div> <div style="float:left; width:286px; height:330px; padding:18px 0 0 18px; overflow:hidden;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2QzTCXVXXXXXIXpXXXXXXXXXX-770458061.gif) no-repeat 0 17px; border-right:1px solid #DDD"> <div class="J_TWidget" data-widget-config="{'png':true,'png_bg':true}" data-widget-type="Compatible" style=" height:120px; width:267px; overflow:hidden; color:#555; "> <table width="250" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td height="70" colspan="2" align="left" valign="middle"><b style=" font-size:36px; color:#FFF; padding-left:20px;">¥67</b></td> <td width="34%" align="center" valign="middle"> <div class="jim-countdown-run"><a href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" target="_blank" style="display:block; width:71px; height:36px; background:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2EPvCXVXXXXaTXpXXXXXXXXXX-770458061.gif) no-repeat;"></a></div> <div class="jim-countdown-end" style="display:none; width:71px; height:36px; background:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2EPvCXVXXXXaTXpXXXXXXXXXX-770458061.gif) no-repeat 0 -36px;"></div> </td> </tr> <tr> <td width="35%" height="21"> </td> <td width="31%"> </td> <td> </td> </tr> <tr> <td height="25" align="center" valign="middle">¥124</td> <td align="center" valign="middle">5.4</td> <td align="center" valign="middle">¥57</td> </tr> </tbody> </table> </div> <div class="time-count jim-countdown-run" style=" text-align:center; width:267px; margin:10px 0"> <span class="tit">剩余时间: </span> <span class="ks-d value" style="font-family:impact; font-size:24px;vertical-align:middle">0</span> <span class="unit">天</span> <span class="ks-h value" style="font-family:impact; font-size:24px;vertical-align:middle">0</span> <span class="unit">小时</span> <span class="ks-m value" style="font-family:impact; font-size:24px;vertical-align:middle">0</span> <span class="unit">分</span> <span class="ks-s value1" style="font-family:impact; font-size:24px;vertical-align:middle; color:#ec2b2c">0</span> <span class="unit">秒</span> </div> <div class="time-count jim-countdown-end" style=" text-align:center; width:267px; margin:10px 0; display:none"> <span style="color:#111; font-size:18px; font-family:微软雅黑">活动结束了亲..明天再续哦</span> </div> <div style=" width:267px; line-height:18px;"> <b style="color:#111; display:block; margin-bottom:10px;">推荐理由</b> <p style="border-top:1px dashed #eee; margin-bottom:10px; padding-top:10px; display:block;">1.此款为本店最热销的商品哦，外观时尚，精心打造，希望亲能喜欢哦！</p> <p style="border-top:1px dashed #eee; margin-bottom:10px; padding-top:10px; display:block;">2.同时该商品为本店限时打折商品，超值的价格，强劲的质量，机不可失哦！</p> </div> </div> </li> </ul> </div> <ul class="ks-switchable-nav" style="float:right; width:302px; height:330px; font-family:arial; color:#666"> <li style="height:100px; width:291px; border:1px solid #E7E7E7; margin-top:6px;" class="J_TWidget" time="#" data-widget-config="{ 'endTime': '#', 'interval': 1000, 'timeRunCls': '.jim-run', 'timeUnitCls':{ 'd': '.ks-d', 'h': '.ks-h', 'm': '.ks-m', 's': '.ks-s', 'i': '.ks-i' }, 'minDigit': 1, 'timeEndCls': '.jim-end' }" data-widget-type="Countdown"> <table width="280" border="0" align="center" cellpadding="0" cellspacing="0" style="height:90px;font-size: 12px; overflow:hidden"> <tr> <td height="40" colspan="2"> <div class="jim-run"><a style="color:#737373" target="_blank" href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com">女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子</a></div> <div class="jim-end" style="color:#737373">女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子</div> </td> <td width="90" height="100" rowspan="3" align="center" valign="middle"> <div class="jim-run"><a href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" target="_blank" style="display:block; width:90px; height:90px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_100x100.jpg) no-repeat center center;"></a></div> <div class="jim-end" style="display:block; width:90px; height:90px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_100x100.jpg) no-repeat center center;"></div> </td> </tr> <tr> <td width="112" align="center" valign="middle"><b style="color:#FF8808; font-size:18px; padding-right:10px">¥112</b></td> <td width="78" height="22" align="center" valign="middle"> <span class="jim-run" style="color:#FFF;background:#ec2b2c; padding:3px 10px;_padding:5px 10px 1px 10px;display:inline-block">正在进行</span> <span class="jim-end" style="color:#FFF; display:none; background:#111; padding:3px 10px;_padding:5px 10px 1px 10px; display:inline-block">已经结束</span> </td> </tr> <tr> <td height="28" colspan="2" align="center" valign="middle"> <span class="jim-end">您下手晚了，商品已经卖完了！</span> </td> </tr> </table> </li><li style="height:100px; width:291px; border:1px solid #E7E7E7; margin-top:6px;" class="J_TWidget" time="#" data-widget-config="{ 'endTime': '#', 'interval': 1000, 'timeRunCls': '.jim-run', 'timeUnitCls':{ 'd': '.ks-d', 'h': '.ks-h', 'm': '.ks-m', 's': '.ks-s', 'i': '.ks-i' }, 'minDigit': 1, 'timeEndCls': '.jim-end' }" data-widget-type="Countdown"> <table width="280" border="0" align="center" cellpadding="0" cellspacing="0" style="height:90px;font-size: 12px; overflow:hidden"> <tr> <td height="40" colspan="2"> <div class="jim-run"><a style="color:#737373" target="_blank" href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com">女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子</a></div> <div class="jim-end" style="color:#737373">女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子</div> </td> <td width="90" height="100" rowspan="3" align="center" valign="middle"> <div class="jim-run"><a href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" target="_blank" style="display:block; width:90px; height:90px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_100x100.jpg) no-repeat center center;"></a></div> <div class="jim-end" style="display:block; width:90px; height:90px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_100x100.jpg) no-repeat center center;"></div> </td> </tr> <tr> <td width="112" align="center" valign="middle"><b style="color:#FF8808; font-size:18px; padding-right:10px">¥67</b></td> <td width="78" height="22" align="center" valign="middle"> <span class="jim-run" style="color:#FFF;background:#ec2b2c; padding:3px 10px;_padding:5px 10px 1px 10px;display:inline-block">正在进行</span> <span class="jim-end" style="color:#FFF; display:none; background:#111; padding:3px 10px;_padding:5px 10px 1px 10px; display:inline-block">已经结束</span> </td> </tr> <tr> <td height="28" colspan="2" align="center" valign="middle"> <span class="jim-end">您下手晚了，商品已经卖完了！</span> </td> </tr> </table> </li><li style="height:100px; width:291px; border:1px solid #E7E7E7; margin-top:6px;" class="J_TWidget" time="#" data-widget-config="{ 'endTime': '#', 'interval': 1000, 'timeRunCls': '.jim-run', 'timeUnitCls':{ 'd': '.ks-d', 'h': '.ks-h', 'm': '.ks-m', 's': '.ks-s', 'i': '.ks-i' }, 'minDigit': 1, 'timeEndCls': '.jim-end' }" data-widget-type="Countdown"> <table width="280" border="0" align="center" cellpadding="0" cellspacing="0" style="height:90px;font-size: 12px; overflow:hidden"> <tr> <td height="40" colspan="2"> <div class="jim-run"><a style="color:#737373" target="_blank" href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com">女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子</a></div> <div class="jim-end" style="color:#737373">女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子</div> </td> <td width="90" height="100" rowspan="3" align="center" valign="middle"> <div class="jim-run"><a href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" target="_blank" style="display:block; width:90px; height:90px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_100x100.jpg) no-repeat center center;"></a></div> <div class="jim-end" style="display:block; width:90px; height:90px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_100x100.jpg) no-repeat center center;"></div> </td> </tr> <tr> <td width="112" align="center" valign="middle"><b style="color:#FF8808; font-size:18px; padding-right:10px">¥67</b></td> <td width="78" height="22" align="center" valign="middle"> <span class="jim-run" style="color:#FFF;background:#ec2b2c; padding:3px 10px;_padding:5px 10px 1px 10px;display:inline-block">正在进行</span> <span class="jim-end" style="color:#FFF; display:none; background:#111; padding:3px 10px;_padding:5px 10px 1px 10px; display:inline-block">已经结束</span> </td> </tr> <tr> <td height="28" colspan="2" align="center" valign="middle"> <span class="jim-end">您下手晚了，商品已经卖完了！</span> </td> </tr> </table> </li> </ul> </div><a name="sgmb"></a>

（四）淘宝店铺装修模板安装

（1）专业版旺铺：本模板950宽，直接安装在950自定义模块中。

（2）基础版旺铺：由于淘宝啃爹，阉割了页尾区域，我们只需要在最后一个自定义模块中，插入转化后的淘宝装修代码，即可。具体操作办法，详见教程：基础版店铺如何使用淘宝店铺尾部模板代码

淘宝店铺装修模板在线制作地址：http://www.yubaibai.com.cn/tool/tuangou/B152/