红色通用简洁单列纵向淘宝店铺装修模板团购打折限时抢购模板

今天分享的淘宝店铺装修模板,红色通用,单栏纵横排列。一行显示的是限时的一个宝贝淘宝团购优惠模板。它有倒计时功能,显示原价和折扣。这个模板是网上制作的。本次淘宝团购模板中的标题、原价、现价、宝贝主图、购买地址等内容在线配置后,即可一键生成对应的淘宝店铺装修代码,无需手动修改代码。

模板默认显示1个宝贝。可以添加20个以上的宝宝,但是建议不要超过20个。另外,抢购默认时限已过。请记得修改活动结束时间。

特别说明1:鱼wag分享了很多完整效果淘宝店铺装修免费模板(http://www.yubaibai.com.cn/html/),配合我们的这个店铺模板模块,装修更漂亮哦!

特别说明2:该模板需要您下单并打开淘宝,设置折扣后才能真正具备折扣功能。如果你还没有设置折扣,建议你看一下:淘宝限时折扣如何设置?

模板预览效果图:

该模板在专业版和基础版中都可以使用。(基础版需要适当改动。详见教程:如何在基础版中使用基础版950横幅代码,用950宽模板效果装饰专业版。)

(一)淘宝店铺装修模板网上制作地址:http://www.yubaibai.com.cn/tool/tuangou/B200/

(二)淘宝店铺装修模板配置修改说明

(1)设置活动的结束时间

模板默认不设置活动结束时间,显示活动已经结束。当你在做的时候,检查时间选择器,设置倒计时的结束时间。

(2)配置宝贝标题、购买地址和宝贝主图

(3)淘宝装修模板示例代码

<divstyle="overflow:hidden;zoom:1;width:750px;margin:0auto;font-family:微软雅黑;color:#555"class="tuan"> <ul> <liclass="J_TWidget"time="#"data-widget-config="{'endTime':'#','interval':1000,'timeRunCls':'.tuan-run','timeUnitCls':{'d':'.time-d','h':'.time-h','m':'.time-m','s':'.time-s','i':'.time-i'},'minDigit':1,'timeEndCls':'.tuan-end'}"data-widget-type="Countdown"style="background:#FFF;overflow:hidden;height:350px;"> <divstyle="float:left;overflow:hidden;width:350px;height:350px"> <divclass="tuan-run"> <ahref="#"_fcksavedurl="#"target="_blank"style="display:block;width:350px;height:350px;background:url(https://img.alicdn.com/imgextra/i4/60358248/TB2M1pKepXXXXcAXXXXXXXXXXXX-60358248.jpg_350x350.jpg)no-repeatcentercenter;overflow:hidden"></a> </div> <divclass="tuan-end"style="display:none;width:350px;height:350px;background:url(https://img.alicdn.com/imgextra/i4/60358248/TB2M1pKepXXXXcAXXXXXXXXXXXX-60358248.jpg_350x350.jpg)no-repeatcentercenter;overflow:hidden"></div> </div> <divstyle="float:right;overflow:hidden;width:400px;padding:20px020px0;"> <divclass="tuan-run"style="margin:030px;"> <atarget="_blank"href="#"_fcksavedurl="#"style="text-decoration:none;color:#555;display:block;font-size:20px;line-height:30px;height:60px;overflow:hidden;font-weight:700">女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子</a> </div> <divclass="tuan-end"style="color:#555;display:none;font-size:20px;line-height:30px;height:60px;overflow:hidden;margin:030px;"> 女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子 </div> <divstyle="height:60px;background:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2jhLCXVXXXXcsXXXXXXXXXXXX-770458061.gif)no-repeatrightcenter;margin-top:10px;overflow:hidden;width:380px"> <spanstyle="display:inline-block;padding:015px;float:left;margin-top:15px;height:30px;line-height:30px;background:#e62343;text-align:center;color:#FFF">活动价</span> <bstyle="float:left;color:#FFF;font-size:30px;padding-left:10px;line-height:60px">¥67</b> <ahref="#"_fcksavedurl="#"target="_blank"style="background:url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2hUvCXVXXXXXrXXXXXXXXXXXX-770458061.gif)no-repeat;width:90px;height:40px;margin:10px50px00;display:block;float:right;"></a> </div> <ulstyle="text-align:center;overflow:hidden;zoom:1;line-height:28px;padding:20px010px0;font-size:14px;width:320px;margin-left:30px;"> <listyle="float:left;border-right:1pxsolid#e10e1a;width:106px;"><spanstyle="display:block">原价</span><span>¥124</span></li> <listyle="float:left;border-right:1pxsolid#e10e1a;width:106px;"><spanstyle="display:block">折扣</span><span>5.4</span></li> <listyle="float:left;width:106px;"><spanstyle="display:block">节省</span><span>¥57</span></li> </ul> <divclass="time-counttuan-run"style="text-align:center;margin:10px0;height:36px;padding-top:20px;border-top:1pxdotted#e5e5e5"> <spanstyle="display:block;height:30px;font-size:14px">距离活动结束还剩</span> <spanclass="time-d"style="font-family:impact;font-size:26px;vertical-align:middle;color:#cb000b;display:inline-block;width:40px;">0</span> <spanclass="unit">天</span> <spanclass="time-h"style="font-family:impact;font-size:26px;vertical-align:middle;color:#cb000b;display:inline-block;width:40px;">0</span> <spanclass="unit">小时</span> <spanclass="time-m"style="font-family:impact;font-size:26px;vertical-align:middle;color:#cb000b;display:inline-block;width:40px;">0</span> <spanclass="unit">分</span> <spanclass="time-s"style="font-family:impact;font-size:26px;vertical-align:middle;color:#cb000b;display:inline-block;width:40px;">0</span> <spanclass="unit">秒</span> </div> <divclass="time-counttuan-end"style="text-align:center;margin:10px0;height:36px;padding-top:20px;border-top:1pxdotted#e5e5e5;display:none"> <bstyle="color:#cb000b;font-size:22px;font-family:微软雅黑">下手晚了,活动已结束!</b> </div> </div></li> </ul> </div> <aname="sgmb"></a> <;divstyle="溢出:隐藏;缩放:1;宽度:750px边距:0自动;字体系列:微软雅黑;color:#555";class="团"> <;ul> <;李="J_TWidget"时间="#"data-widget-config=";{'结束时间';:'#','区间';:1000,'timeRunCls':'。团润';,'timeUnitCls':{'d':'。时间-d';,'h':'。时间-h';,'m':'。时间-m';,'s':'。时间-s';,'我';:'。时间-我';},'minDigit':1,'timeEndCls':'。Tuan-end';}"数据小部件类型="倒计时"style="背景:#FFF;溢出:隐藏;高度:350px"> <;divstyle="浮动:左;溢出:隐藏;宽度:350px高度:350px"> <;divclass="团润"> <;ahref="#"_fcksavedurl="#"target="_blank"style="显示:块;宽度:350px高度:350px背景:URL(https://img.alicdn.com/imgextra/i4/60358248/TB2m1pkepxxxxcaxxxxxxxxxxxxxxx-60358248.jpg_350x350.jpg)无重复中心中心;溢出:隐藏"></a>; <;/div>; <;divclass="团-end";style="显示:无;宽度:350px高度:350px背景:URL(https://img.alicdn.com/imgextra/i4/60358248/TB2m1pkepxxxxcaxxxxxxxxxxxxxxx-60358248.jpg_350x350.jpg)无重复中心中心;溢出:隐藏"></div>; <;/div>; <;divstyle="浮动:对;溢出:隐藏;宽度:400px填充:20px020px0"> <;divclass="团润"style="边距:030px"> <;一个目标="_blank"href="#"_fcksavedurl="#"style="文字-装饰:无;颜色:#555;显示:块;字体大小:20px行高:30px高度:60px溢出:隐藏;font-weight:700">女童打底裤2015年春季蕾丝棉裤儿童明星裤婴儿裤

(四)淘宝店铺装修模板安装

(1)专业版旺铺:此模板950宽,直接安装在950自定义模块中。

(2)旺铺基础版:可以使用旺铺基础版。(旺铺基础版需要适当改动。详见教程:如何使用基础版950横幅代码装饰专业版950宽模板效果。)

淘宝店铺装修模板网上制作地址:http://www.yubaibai.com.cn/tool/tuangou/B200/

欢迎分享,转载请注明来源:民族网

原文地址:https://www.minzuwang.com/bake/166656.html

最新推荐

发表评论

评论将在审核通过后展示