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

单品推荐书香店铺装修模板代码

2015-04-01 11:49:43

       想要让消费者进入店铺后对店铺出售的产品一目了然,许多卖家们都恨不得把所有的产品都罗列出来。但即使能够整齐地列举所有产品,店铺首页也会被大量宝贝数量给压得喘不过气。

       现在唯艺给大家提供的这个代码就能够帮助卖家朋友们解决这个难题。在列举大量的宝贝时,加以翻页特效,给人一种书香气息,赏心悦目。以下单品推荐店铺装修模板代码给卖家们提供27个位置放置宝贝。此代码适用于专业版旺铺店铺;如果基础版旺铺卖家想要使用这个代码,还需要添加下面这段辅助代码。

 <div style="height: 高度px"> <div style="left:-200px;top:0px;border:none;padding:0;" class=footer-more-trigger> <div style="width: 950px; overflow: hidden">代码粘贴区域</div></div></div>




单品列举店铺装修模板代码


<div style="font-family:微软雅黑;color:#555;" class="J_TWidget" data-widget-config="{'navCls':'tab-nav','contentCls':'tab-content','viewSize':[874],'steps':1,'prevBtnCls': 'prev','nextBtnCls': 'next','disableBtnCls': 'disable','circular':true,'effect':'scrolly','easing':'easeOutStrong','duration':0.5,'interval':'4','autoplay':false}" data-widget-type="Carousel"><div class="sg-hd" style="line-height:30px;height:30px;overflow:hidden"><h3 style="float:left;width:300px;height:30px;line-height:30px;font-size:18px;padding-left:10px;">精选单品推荐</h3><ul class="J_TWidget tab-nav" style="float:right;color:#FFF;text-align:center;height:30px;font-size:0px;overflow:hidden;zoom:1;margin-right:10px;" data-widget-type="Accordion" data-widget-config="{'triggerCls':'tab-panel','panelCls':'tab-panel-go','triggerType':'mouse'}"><li class="tab-panel"style="font-size:14px;margin:0 2px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;outline:none;height:30px;cursor:pointer;overflow:hidden;width:95px;"><span style="background:#83dad2;height:30px;display:block;" class="tab-panel-go">新品上市</span><span style="background:#828282;height:30px;display:block;">新品上市</span></li><li class="tab-panel"style="font-size:14px;margin:0 2px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;outline:none;height:30px;cursor:pointer;overflow:hidden;width:95px;"><span style="background:#83dad2;height:30px;display:none;" class="tab-panel-go">爆款推荐</span><span style="background:#828282;height:30px;display:block;">爆款推荐</span></li><li class="tab-panel"style="font-size:14px;margin:0 2px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;outline:none;height:30px;cursor:pointer;overflow:hidden;width:95px;"><span style="background:#83dad2;height:30px;display:none;" class="tab-panel-go">活动专区</span><span style="background:#828282;height:30px;display:block;">活动专区</span></li></ul></div><div class="sg-bd J_TWidget" style="padding:37px;height:520px;clear:both;zoom:1;overflow:hidden;border:1px solid #ddd;background:#fff url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB22iEEXVXXXXbeXXXXXXXXXXXX-770458061.png) no-repeat center 0" data-widget-type="Compatible" data-widget-config="{'png':true,'png_bg':true}"><div style="width:874px;height:520px;overflow:hidden;zoom:1;"><ul class="tab-content"><li style="height:520px;width:874px;overflow:hidden;vertical-align: bottom" class="J_TWidget" data-widget-config="{'navCls':'sbox','contentCls':'bbox','viewSize':[400],'steps':1,'prevBtnCls': 'prev','nextBtnCls': 'next','disableBtnCls': 'disable','circular':true,'effect':'scrollx','easing':'easeOutStrong','duration':0.5,'interval':'4','autoplay':true}" data-widget-type="Carousel"><div style="float:left;width:400px;height:520px;overflow:hidden;"><ul class="bbox"><li style="width:400px;overflow:hidden;"><span style="font-size:48px;height:50px;display:block;font-family:impact;overflow:hidden">No.1</span><a style="display:block;text-decoration: none;color:#666;line-height:30px;height:30px;overflow:hidden;margin:0 20px 0 0" href="宝贝单品链接" target="_blank">宝贝单品题目</a><div style="overflow:hidden;height:40px;"><span style="float:left;background:#fd8d8c;color:#fff;padding:2px 6px;">新品价</span><b style="float:left;font-size:14px;padding-left:5px;color:#fd8d8c"> 99.00</b></div><a style="display:block;background:url(http://img01.taobaocdn.com/bao/uploaded/i1/14322024077293692/T1eTJfFoxgXXXXXXXX_!!0-item_pic.jpg_400x400.jpg) no-repeat center 0;width:400px;height:400px;overflow:hidden;" href="宝贝单品链接" target="_blank"></a></li><li style="width:400px;overflow:hidden;"> </a></li></ul></div></li></ul></div></div></div><a name="sgmb"></a>



       因空间有限,无法在一篇文章中把所有代码显示出来,卖家朋友们只需要在以上代码“style="width:400px;overflow:hidden;">”之后复制粘贴以下一段代码即可:
“<span style="font-size:48px;height:50px;display:block;font-family:impact;overflow:hidden">No.1</span><a style="display:block;text-decoration: none;color:#666;line-height:30px;height:30px;overflow:hidden;margin:0 20px 0 0" href="宝贝单品链接" target="_blank">宝贝单品题目</a><div style="overflow:hidden;height:40px;"><span style="float:left;background:#fd8d8c;color:#fff;padding:2px 6px;">新品价</span><b style="float:left;font-size:14px;padding-left:5px;color:#fd8d8c"> 99.00</b></div><a style="display:block;background:url(http://img01.taobaocdn.com/bao/uploaded/i1/14322024077293692/T1eTJfFoxgXXXXXXXX_!!0-item_pic.jpg_400x400.jpg) no-repeat center 0;width:400px;height:400px;overflow:hidden;" href="宝贝单品链接" target="_blank"></a>”

       记住,由于该单品推荐店铺装修模板代码的大小尺寸已经定好,所以如果卖家要添加宝贝,数量最好不要超过27个,否则模板会出现错误。

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

0

相关教程

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

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

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

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

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

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

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

    人气:57481
  • 活泼绚丽 清新蓝色 户外包包淘宝模板

    活泼绚丽 清新蓝色 户外包包淘宝模板

    人气:39477
  • 清新优雅 简约背景 内衣服饰淘宝模版

    清新优雅 简约背景 内衣服饰淘宝模版

    人气:1
  • 高雅大牌 舒爽浅色 女包女鞋网店模板

    高雅大牌 舒爽浅色 女包女鞋网店模板

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

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

    人气:43216
  • 时尚女鞋 米色暖黄 女鞋精品淘宝模板

    时尚女鞋 米色暖黄 女鞋精品淘宝模板

    人气:31597