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

青花瓷店铺宝贝详情页装修模板代码

2015-03-30 04:54:29

       宝贝详情页面是消费者决定要不要买某样产品的最后一个关卡。好不容易吸引买家进入到宝贝详情页,卖家朋友们就更加不能在店铺装修的最后一个环节掉以轻心,要加大力度装修宝贝详情页面才是。对于兼职淘宝的白领们来说,根本没有这么多的时间去想、去设计宝贝详情页模板。

       不过现在只要你懂得如何复制粘贴代码到卖家中心的编辑区,就可以获得精美的模板了。不要在最后一个关卡功亏一篑哦。




店铺宝贝详情页装修模板代码


<div class="sg-hd" style="overflow:hidden;zoom:1;margin-bottom:10px;font-family:微软雅黑;">
<div style="overflow:hidden;height:48px;background:#ffffff url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2sSYpcXXXXXceXpXXXXXXXXXX-770458061.png) no-repeat center center;">
<b style="display:block;font-size:14px;line-height:48px;overflow:hidden;color:#1d2087;text-align:center;">精品搭配</b>
</div>
</div> <div style="overflow:hidden;font-family:Arial;width:750px;height:444px;background:#ffffff" > <!--left--><div style="overflow:hidden;width:362px;height:444px;float: left;" ><ul>  <li style="float:left;overflow:hidden;_display:inline; text-align:center;margin:0 auto; width:362px;background: #FFF;"> <a class="list_LrEux1" href="展示的宝贝链接地址" target="_blank" style="float:left;display:block;overflow:hidden;width:360px;height:360px;background:url(http://img01.taobaocdn.com/bao/uploaded/i1/14322029144979352/T1mTe.FkVfXXXXXXXX_!!2-item_pic.png_360x360.jpg) no-repeat center center;margin:0 auto;border: 1px solid #1d2087;" ></a>  <a href="展示的宝贝链接地址" target="_blank" style="float:left;overflow:hidden;display:block;text-decoration:none;font-size: 14px;height:20px;line-height:18px;margin:9px 20px 0 20px;color:#130014;font-family: 微软雅黑;"> 展示的宝贝题目</a>  <b style="overflow:hidden;margin:10px 0 8px 20px;width:180px;height:30px;line-height:30px;color:#1d2087;font-size: 18px;float: left;display: inline-block;zoom:1;*display: inline-block;text-align: left;">&yen;&nbsp;<span style="font-size:30px">30.00</span></b> <a href="展示的宝贝链接地址" target="_blank" style="overflow:hidden;display:block;text-decoration:none;width:116px;height:35px;line-height:35px;margin:10px 20px 8px 10px;color:#FFF;font-family: 微软雅黑;font-size: 18px;float: right;background: #1d2087;">立即购买</a>  <div style="display:none; width:362px; height:362px; background:url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2CwAqXVXXXXcyXXXXXXXXXXXX-770458061.gif)" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_LrEux1','align':{'node':'.list_LrEux1','offset':[0,0],'points':['cc','cc']}}"> <a href="展示的宝贝链接地址" style=" text-decoration:none;display:block;width:362px; height:362px; text-align:center; color:#FFF;" target="_blank"> </a> </div>  </li>  </ul> </div> <div style="overflow:hidden;width:48px;height:444px;background:#ffffff url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB240_scXXXXXa1XpXXXXXXXXXX-770458061.png) no-repeat center center;;float: left;" ></div> <!--right--> <div style="overflow:hidden;width:330px;height:444px;float: right;margin-right: 10px;" > <ul> <li style="float:left;width:330px;overflow:hidden;margin-bottom: 12px;" ><a class="list_gnIjb1" style="display:block;overflow:hidden;width:100px;height:100px;background:#FFF url(http://img01.taobaocdn.com/bao/uploaded/i1/14322024077293692/T1eTJfFoxgXXXXXXXX_!!0-item_pic.jpg_100x100.jpg) no-repeat center center;border: 1px solid #1d2087;float: left;" href="展示的宝贝链接地址" target="_blank"></a> <div style="overflow:hidden;width:220px;height:100px;background:#FFF;float: right;border: 1px solid #1d2087;font-family: 微软雅黑;" ><span style="height:24px;line-height: 24px;margin: 5px 5px;overflow:hidden;font-size: 14px;display: block;color:#1d2087">套餐价格A:</span> <a style="display:block;text-decoration: none;overflow:hidden;height:20px;line-height: 18px;margin: 0 5px;color:#130014;font-size: 14px;" href="展示的宝贝链接地址" target="_blank">展示的宝贝题目</a>  <span style="margin:0 0 0 5px;overflow:hidden;float:left;font-size: 14px;display: inline-block;zoom:1;*display:inline-block;color:#1d2087">套餐价&nbsp;:&nbsp;<span style="font-family: Arial;font-size:18px;color:#1d2087">60.00</span></span> <a href="" target="_blank" style="overflow:hidden;display:block;text-decoration:none;width:90px;height:35px;line-height:35px;margin:4px 5px 8px 0;color:#FFF;font-family: 微软雅黑;font-size: 18px;float: right;background: #1d2087;text-align: center;">立即购买</a><span style="overflow:hidden;margin:2px 0 0 5px;color:#1d2087;display: inline-block;zoom:1;*display:inline-block;float: left;">单买价:&yen;99.00</span> </div>  <div style="display:none; width:102px; height:102px; background:url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2CwAqXVXXXXcyXXXXXXXXXXXX-770458061.gif)" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_gnIjb1','align':{'node':'.list_gnIjb1','offset':[0,0],'points':['cc','cc']}}"> 


       以上的代码属于高级代码,模板主体风格为青花瓷。如果卖家们想要使用免费的店铺宝贝详情页装修模板代码,就必须事先订购淘宝官方搭配的套餐服务才行。另外,如果卖家嫌模板展示的宝贝数量不够,可以复制粘贴这一高级代码就行了。

       如果您喜欢这个宝贝描述模板的布局而不喜欢模板背景,可以在“background:url”后加上自己喜欢的背景图片即可。这个高级模板代码适用于任何宝贝描述哦。


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

0

相关教程

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

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

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

    人气:34730
  • 高端优雅 多功能 精品鞋包淘宝模板

    高端优雅 多功能 精品鞋包淘宝模板

    人气:41603
  • 奢侈名表 简约奢华 饰品珠宝淘宝模板

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

    人气:38980
  • 时尚简约 瀑布流 装饰家居淘宝模板

    时尚简约 瀑布流 装饰家居淘宝模板

    人气:35416
  • 双十二 促销大红 现代灯艺淘宝模板

    双十二 促销大红 现代灯艺淘宝模板

    人气:0
  • 好茶汇聚 素雅浅色 食品保健淘宝模板

    好茶汇聚 素雅浅色 食品保健淘宝模板

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

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

    人气:57481
  • 绚丽欧美 高端深蓝 母婴用品淘宝模板

    绚丽欧美 高端深蓝 母婴用品淘宝模板

    人气:38794