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

3栏女装促销轮播特效代码模板

2015-03-31 09:58:01

       随着使用主图视频的队伍不断壮大,动态的店铺装修更容易抓住客户的心理,消除视觉疲劳。你也想拥有动态的店铺首页装修设计,让自己的店铺更能被记住,更能促使买家下订单?试试这个3栏宝贝促销轮播特效。

       唯艺温馨提示:此代码模板适用于旺铺专业版,有一定代码基础的卖家朋友们可以放心使用。




3栏女装促销轮播特效代码模板


<div style="height:580px;color:#555;font-family:arial;text-align:center;background:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2pnvybFXXXXalXXXXXXXXXXXX-770458061.jpg) no-repeat center 0" class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'navCls':'sg-nav','contentCls':'sg-content','steps':1,'prevBtnCls': 'prev','nextBtnCls': 'next','disableBtnCls': 'disable','circular':true,'effect':'scrollx','easing':'easeOutStrong','duration':1.0,'interval':'4','autoplay':false}"><ul class="J_TWidget sg-nav" style="height:30px;line-height:30px;font-size:0;overflow:hidden" data-widget-type="Accordion" data-widget-config="{'triggerCls':'tab-panel','panelCls':'tab-panel-go','triggerType':'mouse'}" aria-multiselectable="false" role="tablist"><li class="tab-panel" style="outline:none;width:140px;height:30px;font-size:12px;display:inline-block;*zoom:1;*display:inline;color:#FFF; cursor:pointer;overflow:hidden"><span class="tab-panel-go" style="display:block;width:120px;background:#ff84a6;height:30px;padding:0 10px;overflow:hidden;">昨日新品</span><span style="display:block;width:120px;background:#222;height:30px;padding:0 10px;overflow:hidden;">昨日新品</span></li><li class="tab-panel" style="outline:none;width:140px;height:30px;font-size:12px;display:inline-block;*zoom:1;*display:inline;color:#FFF; cursor:pointer;overflow:hidden"><span class="tab-panel-go" style="display:none;width:120px;background:#ff84a6;height:30px;padding:0 10px;overflow:hidden;">今日新品</span><span style="display:block;width:120px;background:#222;height:30px;padding:0 10px;overflow:hidden;">今日新品</span></li><li class="tab-panel" style="outline:none;width:140px;height:30px;font-size:12px;display:inline-block;*zoom:1;*display:inline;color:#FFF; cursor:pointer;overflow:hidden"><span class="tab-panel-go" style="display:none;width:120px;background:#ff84a6;height:30px;padding:0 10px;overflow:hidden;">明日预售</span><span style="display:block;width:120px;background:#222;height:30px;padding:0 10px;overflow:hidden;">明日预售</span></li></ul><div style="overflow:hidden;margin:220px 0 0 0;"><span class="prev" style="float:left;display:block;width:134px;height:134px;line-height:134px;font-family:宋体;font-size:80px;overflow:hidden;color:#FFF;cursor:pointer;margin-top:83px">&lt;</span><div style="float:left;overflow:hidden;height:300px;width:682px;"><div class="sg-content"><ul style="width:694px;overflow:hidden;"><li style="float:left;width:209px;margin:0px 12px 0 0;overflow:hidden;background:#FFF;border:5px solid #fff"><a style="display:block;width:210px;height:210px;background:#FFF url(http://img01.taobaocdn.com/bao/uploaded/i1/14322024077293692/T1eTJfFoxgXXXXXXXX_!!0-item_pic.jpg_210x210.jpg) no-repeat center center;overflow:hidden;" href=参与促销的宝贝链接" target="_blank"></a><div style="overflow:hidden;padding-bottom:10px;"><div style="height:20px;line-height:20px;margin-top:10px"><span style="">&yen; <b style="color:#f09;font-size:18px;">99.00</b></span></div><a style="margin:8px 15px 0 15px;color:#454545;display:block;height:32px;line-height:16px;overflow:hidden" href="参与促销的宝贝链接" target="_blank">参与促销的宝贝题目</a></div></li><li style="float:left;width:209px;margin:0px 12px 0 0;overflow:hidden;background:#FFF;border:5px solid #fff"><a style="display:block;width:210px;height:210px;background:#FFF url(http://img02.taobaocdn.com/bao/uploaded/i2/T1vmWrFj4hXXXXXXXX_!!0-item_pic.jpg_210x210.jpg) no-repeat center center;overflow:hidden;" href="参与促销的宝贝链接" target="_blank"></a><div style="overflow:hidden;padding-bottom:10px;"><div style="height:20px;line-height:20px;margin-top:10px"><span style="">&yen; <b style="color:#f09;font-size:18px;">30.00</b></span></div><a style="margin:8px 15px 0 15px;color:#454545;display:block;height:32px;line-height:16px;overflow:hidden" href="参与促销的宝贝链接" target="_blank">参与促销的宝贝题目-> B137-1</a></div></li><li style="float:left;width:209px;margin:0px 0 0 0;overflow:hidden;background:#FFF;border:5px solid #fff"><a style="display:block;width:210px;height:210px;background:#FFF url(http://img01.taobaocdn.com/bao/uploaded/i1/T1yzaGFkxdXXXXXXXX_!!0-item_pic.jpg_210x210.jpg) no-repeat center center;overflow:hidden;" href="参与促销的宝贝链接" target="_blank"></a><div style="overflow:hidden;padding-bottom:10px;"><div style="height:20px;line-height:20px;margin-top:10px"><span style="">&yen; <b style="color:#f09;font-size:18px;">30.00</b></span></div><a style="margin:8px 15px 0 15px;color:#454545;display:block;height:32px;line-height:16px;overflow:hidden" href="参与促销的宝贝链接" target="_blank">参与促销的宝贝题目-> B127-1</a></div></li></ul><ul style="width:694px;overflow:hidden;"><li style="float:left;width:209px;margin:0px 12px 0 0;overflow:hidden;background:#FFF;border:5px solid #fff"></a>


       此3栏女装促销轮播特效代码模板装修可以更换背景,更换主题。但是不建议卖家朋友们随意更改此模板的大小,可能会导致模板破裂等一系列问题。

       每次轮播只显示3栏,如果卖家需要展示更多的宝贝、促销活动或者爆款,可以继续复制粘贴轮播模板在其后即可。

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


0

相关教程

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

  • 奢华香包 大图模块 珠宝鞋靴淘宝模版

    奢华香包 大图模块 珠宝鞋靴淘宝模版

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

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

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

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

    人气:57481
  • 时尚美容美妆馆

    时尚美容美妆馆

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

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

    人气:33016
  • 香水珠宝 高贵雅致 化妆健美淘宝模板

    香水珠宝 高贵雅致 化妆健美淘宝模板

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

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

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

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

    人气:40233