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

手机扫二维码团购促销代码模板

2015-03-31 09:40:54

       设置促销、团购等优惠活动是淘宝店铺推广、增加收益的一个重要手段。在众多促销中,除了价格的优惠、产品的优质外, 促销模板的精致程度也是吸引买家参与优惠活动的一大因素之一。如今手机用户居多,二维码盛行,在团购促销模板装修中要是能够运用这些功能,再加上高级的特效,把功能跟视觉营销完美结合起来便能够在众多活动中脱颖而出。

       以下代码的功能有:

1. 鼠标触碰宝贝划过特效
2. 分享功能
3. 收藏功能
4. 手机扫一扫二维码功能


 

手机扫二维码团购促销代码模板



<div class="sg-bd" style="clear:both; overflow:hidden;zoom:1;font-family:微软雅黑;color:#555"><div class="J_TWidget" data-widget-config="{ 'effect': 'none', 'easing': 'easeNone', 'steps': 1, 'circular':true, 'prevBtnCls': 'prev', 'nextBtnCls': 'next', 'hasTriggers':true,'disableBtnCls': 'disable','duration':1.0,'interval':'4', 'autoplay':true}" data-widget-type="Carousel"><div class="scroller" style="width:950px;height:440px; overflow:hidden;zoom:1;background:#FFF; margin:0 auto 10px auto"><ul class="ks-switchable-content">  <li style="float:left;width:950px;height:440px; overflow:hidden"> <div class="J_TWidget" style="float:left; width:440px; height:440px; overflow:hidden" data-widget-type="Compatible" data-widget-config="{'png':true,'png_bg':true}"> <a href="参加促销的宝贝链接" target="_blank" style=" display:block; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/14322024077293692/T1eTJfFoxgXXXXXXXX_!!0-item_pic.jpg_400x400.jpg) no-repeat center center; width:400px; height:400px; margin:20px 0 0 20px; overflow:hidden"> <span style=" width:76px; height:76px; display:block; overflow:hidden; background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2mTDCXVXXXXalXXXXXXXXXXXX-770458061.png) no-repeat -1000px -1000px; float:right; margin:10px 10px 0 0"></span> </a> <span style=" text-align:center; display:block; margin-top:26px;"> 参加促销的宝贝题目</span> </div> <div style=" float:right; width:470px; overflow:hidden; padding:20px;"> <div style=" font-size:36px; padding-bottom:5px;margin:20px 0 10px 0; border-bottom:1px dashed #DDD"> <span style="color:#b9d9e7;font-size:40px; display:inline-block; font-family:impact;line-height:40px;height:40px; font-weight:normal">01.</span><span style=" display:inline-block;vertical-align:top;line-height:40px;height:40px;">抢购中...</span> </div> <a style="display:block;text-decoration:none; overflow:hidden; color:#777;font-size:22px;line-height:28px;height:56px;" target="_blank" href="参加促销的宝贝链接">参加促销的宝贝题目</a> <div style="margin:10px 0 20px 0; font-size:18px;"> 活动价<b style="font-size:30px; padding-left:5px; font-weight:normal">99.00</b> 元  </div> <div style="float:left;width:345px;"> <a style=" font-size:18px;line-height:38px;text-indent:22px; text-decoration:none;background:#b9d9e7 url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB24DLCXVXXXXamXXXXXXXXXXXX-770458061.gif) no-repeat; display:block; width:132px; height:52px;color:#FFF" href="参加促销的宝贝链接" target="_blank">立即购买</a> <div style="overflow:hidden; margin:20px 0"> <div class="code_vNMef1" style="background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat 0 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" href="http://favorite.taobao.com/popup/add_collection.htm?id=17503642751&itemtype=1"> <div style="display:none;border:1px solid #DDD;width:100px; height:100px;background:#FFF url(http://gqrcode.alicdn.com/img?item_id=17503642751&type=ci&w=90&h=90) no-repeat center center" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.code_vNMef1','align':{'node':'.code_vNMef1','offset':[0,0],'points':['tc','bc']}}"> </div> </div> <div class="sns-widget" title="分享" style="cursor:pointer;background: url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat -31px 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" data-sharebtn="{&quot;client_id&quot;:&quot;68&quot;,&quot;skinType&quot;:&quot;3&quot;,&quot;comment&quot;:&quot; 参加促销的宝贝题目&quot;,&quot;isShowFriend&quot;:false,&quot;type&quot;:&quot;item&quot;,&quot;key&quot;:&quot;17503642751&quot;}"></div> <a style="background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat -62px 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" href="http://favorite.taobao.com/popup/add_collection.htm?id=17503642751&itemtype=1" target="_blank" title="收藏宝贝"></a> </div> </div> <div style="float:right;text-align:center;padding:10px;border:1px solid #d8edf4"> <span>手机扫一扫</span> <span style="display:block;width:100px;height:100px;background:url(http://gqrcode.alicdn.com/img?item_id=17503642751&type=ci&w=100&h=100) no-repeat center center;"></span> </div>  <div style=" color:#333; clear:both;"> <b style="color:#e6a9c0; display:block; padding-bottom:5px;">温馨小贴士:</b> 宝贝数量有限,亲下手要尽快哦^-^  </div>  </div> </li>  <li style="float:left;width:950px;height:440px; overflow:hidden"> <div class="J_TWidget" style="float:left; width:440px; height:440px; overflow:hidden" data-widget-type="Compatible" data-widget-config="{'png':true,'png_bg':true}"> <a href="参加促销的宝贝链接" target="_blank" style=" display:block; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1vmWrFj4hXXXXXXXX_!!0-item_pic.jpg_400x400.jpg) no-repeat center center; width:400px; height:400px; margin:20px 0 0 20px; overflow:hidden"> <span style=" width:76px; height:76px; display:block; overflow:hidden; background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2mTDCXVXXXXalXXXXXXXXXXXX-770458061.png) no-repeat -1000px -1000px; float:right; margin:10px 10px 0 0"></span> </a> <span style=" text-align:center; display:block; margin-top:26px;"> 参加促销的宝贝题目-> B137-1</span> </div> <div style=" float:right; width:470px; overflow:hidden; padding:20px;"> <div style=" font-size:36px; padding-bottom:5px;margin:20px 0 10px 0; border-bottom:1px dashed #DDD"> <span style="color:#b9d9e7;font-size:40px; display:inline-block; font-family:impact;line-height:40px;height:40px; font-weight:normal">02.</span><span style=" display:inline-block;vertical-align:top;line-height:40px;height:40px;">抢购中...</span> </div> <a style="display:block;text-decoration:none; overflow:hidden; color:#777;font-size:22px;line-height:28px;height:56px;" target="_blank" href="参加促销的宝贝链接">参加促销的宝贝题目-> B137-1</a> <div style="margin:10px 0 20px 0; font-size:18px;"> 活动价<b style="font-size:30px; padding-left:5px; font-weight:normal">30.00</b> 元  </div> <div style="float:left;width:345px;"> <a style=" font-size:18px;line-height:38px;text-indent:22px; text-decoration:none;background:#b9d9e7 url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB24DLCXVXXXXamXXXXXXXXXXXX-770458061.gif) no-repeat; display:block; width:132px; height:52px;color:#FFF" href="参加促销的宝贝链接" target="_blank">立即购买</a> <div style="overflow:hidden; margin:20px 0"> <div class="code_zUQ1f2" style="background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat 0 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" href="http://favorite.taobao.com/popup/add_collection.htm?id=39545513426&itemtype=1"> <div style="display:none;border:1px solid #DDD;width:100px; height:100px;background:#FFF url(http://gqrcode.alicdn.com/img?item_id=39545513426&type=ci&w=90&h=90) no-repeat center center" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.code_zUQ1f2','align':{'node':'.code_zUQ1f2','offset':[0,0],'points':['tc','bc']}}"> </div> </div> <div class="sns-widget" title="分享" style="cursor:pointer;background: url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat -31px 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" data-sharebtn="{&quot;client_id&quot;:&quot;68&quot;,&quot;skinType&quot;:&quot;3&quot;,&quot;comment&quot;:&quot; 参加促销的宝贝题目-&gt; B137-1&quot;,&quot;isShowFriend&quot;:false,&quot;type&quot;:&quot;item&quot;,&quot;key&quot;:&quot;39545513426&quot;}"></div> <a style="background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat -62px 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" href="http://favorite.taobao.com/popup/add_collection.htm?id=39545513426&itemtype=1" target="_blank" title="收藏宝贝"></a> </div> </div> <div style="float:right;text-align:center;padding:10px;border:1px solid #d8edf4"> <span>手机扫一扫</span> <span style="display:block;width:100px;height:100px;background:url(http://gqrcode.alicdn.com/img?item_id=39545513426&type=ci&w=100&h=100) no-repeat center center;"></span> </div>  <div style=" color:#333; clear:both;"> <b style="color:#e6a9c0; display:block; padding-bottom:5px;">温馨小贴士:</b> 宝贝数量有限,亲下手要尽快哦^-^  </div>  


       如果以上模块设置的宝贝数量对于您来说过少,您可以直接将以上代码复制粘贴其后便可。不需要使用Photoshop等专业性质很强的工具,也不需要花费脑子去想怎样设计团购促销模板。如果你看着这个模板喜欢,直接套用就可以了。此手机扫二维码团购促销代码模板装修适用于专业版旺铺。


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

0

相关教程

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

  • 奢侈名表 简约奢华 饰品珠宝淘宝模板

    奢侈名表 简约奢华 饰品珠宝淘宝模板

    人气:38980
  • 多彩数码 科技蓝调 手机数码网店模板

    多彩数码 科技蓝调 手机数码网店模板

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

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

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

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

    人气:30549
  • 大牌简约 大气背景 珠宝配饰网店模板

    大牌简约 大气背景 珠宝配饰网店模板

    人气:38768
  • 双十一 淘宝活动促销模板 潮流女装

    双十一 淘宝活动促销模板 潮流女装

    人气:33016
  • 森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

    森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

    人气:1
  • 时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    人气:56789