公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

高级服装店铺节日促销模板设计代码

2015-03-30 09:31:09

       一年之计在于春,而一年中的销售旺季一般都是上半年,因为节日排布得比较密而多。节日中,限时打折抢购是必备项目。在众多的打折活动中,除了打价格战外,要想吸引客户购买,就只能够靠强劲的促销模板设计。

       对于没有读过设计专业的,来自各行各业的卖家朋友们来说,设计一个模板无疑要耗费许多精力和时间,有时候还会费力不讨好。如今在淘宝网店中,一大部分店铺的经营范围是服装业。所以唯艺在这里给大家介绍一种热卖的服装业节日促销模板代码。只要复制粘贴到编辑区就可以轻松实现!



此级店铺装修设计代码实现的特效有:

1. 左侧文字样式与右侧图片左右滚动切换。
2. 简洁大气。
3. 适合旺铺专业版店铺。



服装业节日促销模板代码


<div class="J_TWidget" data-widget-config="{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'prev3JkYV'}" data-widget-type="Tabs" ><div class="J_TWidget" data-widget-config="{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'nextXVfHr'}" data-widget-type="Tabs"><div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'navCls':'hidden-nav','contentCls':'sg-content', 'steps':1, 'viewSize': [950], 'prevBtnCls': 'prev', 'nextBtnCls': 'next', 'disableBtnCls': 'disable','circular':true,'effect':'fade','easing':'easeOutStrong','duration':1.0,'interval':'4','autoplay':true }" style="color:#5d5d5d;overflow:hidden;"><div class="J_TWidget next" data-widget-type="Popup" data-widget-config="{'trigger':'.light_QlW6L','align':{'node':'.light_QlW6L','offset':[455,0],'points':['cc','cc']}}" style="display:block;background:#000 url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2fqfjbpXXXXaoXXXXXXXXXXXX-770458061.png) center center no-repeat;cursor:pointer;width:40px;height:40px;line-height:40px;font-size:30px;font-family:宋体;text-align:center;display:none;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;"></div> <div class="J_TWidget prev" data-widget-type="Popup" data-widget-config="{'trigger':'.light_QlW6L','align':{'node':'.light_QlW6L','offset':[-455,0],'points':['cc','cc']}}" style="display:block;background:#000 url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2duTcbpXXXXXbXpXXXXXXXXXX-770458061.png) center center no-repeat;cursor:pointer;width:40px;height:40px;line-height:40px;font-size:30px;font-family:宋体;text-align:center;display:none;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;"> </div><div class="scrollbox light_QlW6L" style="width:950px;height:350px;overflow:hidden"><ul class="sg-content" style=""><li class="light_bNWuE" style="float:left;width:950px;height:350px;overflow:hidden;color:red;"> <div style="float:left;width:194px;text-align:center;margin-right:10px;background-color:#1bbc88;padding:0 38px;text-align:left;height:350px;color:#fff;"> <h3 style="margin:0;line-height:110px;height:110px;font-size:30px;width:100%;overflow:hidden;">HOT SALE</h3> <p style="font-family:微软雅黑;"> <span style="text-decoration:none;font-size:18px;"><strong style="font-weight:normal;color:#ffe447;">[ </strong>节日促销<strong style="font-weight:normal;color:#ffe447;" > ]</strong></span> <span style="font-size:14px;">全面优惠</span> </p> <span style="width:180px;height:1px;background-color:#ffe447;display:block;margin-top:5px;overflow:hidden;"></span> <span style="font-size:40px;display:block;padding-top:15px;font-family:微软雅黑;"> 新春特惠 </span> <p style="font-size:12px;width:200px;line-height:20px;margin:0 auto;text-align:center;padding-top:30px;font-family:arial;"> 品质产品大集锦,总有一款适合您。全网最低价格,机不可失,失不再来</p> </div> <a href="#" target="_blank" style="background:url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB24QX.bFXXXXa0XXXXXXXXXXXX-770458061.png) no-repeat center center;float:left;width:670px;height:100%;overflow:hidden;"></a></li><li class="light_EUSZf" style="float:left;width:950px;height:350px;overflow:hidden;color:red;"> <div style="float:left;width:194px;text-align:center;margin-right:10px;background-color:#1bbc88;padding:0 38px;text-align:left;height:350px;color:#fff;"> <h3 style="margin:0;line-height:110px;height:110px;font-size:30px;width:100%;overflow:hidden;">HOT SALE</h3> <p style="font-family:微软雅黑;"> <span style="text-decoration:none;font-size:18px;"><strong style="font-weight:normal;color:#ffe447;">[ </strong>节日促销<strong style="font-weight:normal;color:#ffe447;" > ]</strong></span> <span style="font-size:14px;">全面优惠</span> </p> <span style="width:180px;height:1px;background-color:#ffe447;display:block;margin-top:5px;overflow:hidden;"></span> <span style="font-size:40px;display:block;padding-top:15px;font-family:微软雅黑;"> 全场5折起 </span> <p style="font-size:12px;width:200px;line-height:20px;margin:0 auto;text-align:center;padding-top:30px;font-family:arial;"> 品质产品大集锦,总有一款适合您。全网最低价格,机不可失,失不再来</p> </div> <a href="#" target="_blank" style="background:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2Sc0.bFXXXXbdXXXXXXXXXXXX-770458061.png) no-repeat center center;float:left;width:670px;height:100%;overflow:hidden;"></a></li></ul></div><ul class="hidden-nav" style="display:none"><li></li></ul></div></div></div><a name="sgmb"></a>

       在此店铺装修设计代码中,除了“宋体”等字体样式的中文外,其他中文字样都可以替换成卖家们想要的促销语。运用此高级代码跟加链接的静态促销图片相比,其优势在于促销模板以动态形式出现。消除顾客的视觉疲劳。给人以高大上的感觉,营造一种实力强的效果,让消费者安心购物,从而促进节日期间的销售额。


      本文出自唯艺网店装修平台(www.weiyi5.cc,转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 家居首饰淘宝模板 新秀系列 高雅背景

    家居首饰淘宝模板 新秀系列 高雅背景

    人气:34730
  • 潮流复古  极致简约  个性服饰淘宝模板

    潮流复古 极致简约 个性服饰淘宝模板

    人气:0
  • 英伦雅致 潮流鞋靴 精品鞋包网店模板

    英伦雅致 潮流鞋靴 精品鞋包网店模板

    人气:57481
  • 复古欧美 胶片暗青 创意灯饰淘宝模板

    复古欧美 胶片暗青 创意灯饰淘宝模板

    人气:1
  • 旅行眼镜 炫酷欧美 服装配件网店模板

    旅行眼镜 炫酷欧美 服装配件网店模板

    人气:43216
  • 中国风 佛缘手珠 饰品珠宝淘宝模板

    中国风 佛缘手珠 饰品珠宝淘宝模板

    人气:30549
  • 春天衣橱 精品酷黑 潮流男装淘宝模板

    春天衣橱 精品酷黑 潮流男装淘宝模板

    人气:59832
  • 活力欧美 帅气男装 服装配件淘宝模板

    活力欧美 帅气男装 服装配件淘宝模板

    人气:40233