给大家分享一个宝贝数量可变的淘宝在线装修模板：950通用简洁淘宝促销模板。模板可切换一行显示的宝贝数量，可一行显示3、4、5个，宝贝不超过20个。大家只需要在该淘宝装修模板代码在线生成器里输入标题、价格、图片地址、网页链接地址即可快速生成自己的淘宝装修模板代码。模板顶部的标题“{ 新品展示 NEW }”也可以在线修改。

 

模板在线使用地址：http://www.yubaibai.com.cn/tool/950/cxb130/

模板效果预览：

（1）一行显示4个宝贝的淘宝装修模板效果：

 

（2）一行显示3个的淘宝装修模板效果

（3）一行显示5个宝贝的淘宝装修模板效果：

 

 

模板使用说明：

（1）宝贝总数为3、4、5的倍数，宝贝最多20个。切换后，点击底部“预览”，查看效果。

（2）宝贝购买地址：“链接地址”，删除#，黏贴自己宝贝的购买地址

（3）一行展示5个时，宝贝主图大小为178x240，上面图片地址更换自己的宝贝主图地址

（4）一行展示3个时，宝贝主图大小为306x400，上面图片地址更换自己的宝贝主图地址

（5）一行展示4个时，宝贝主图大小为226x310，上面图片地址更换自己的宝贝主图地址

如果你自己的宝贝主图高度不是上面默认效果，也可以设置宝贝图高度，以适配你的图片。

（6）单击“标题设置”，可以设置模板标题，可以改成诸如：新品推荐、店主推荐、掌柜推荐、人气宝贝、热销宝贝等标题。

（7）注意下图箭头提示的地方

 

淘宝装修模板代码：

如果习惯自己修改代码，不喜欢在线编辑，可以直接复制下面的代码，自行修改使用

下面是一行显示4个淘宝装修代码：

<div class="sg-hd" style="height:90px;background:#FFF url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2n8zCXVXXXXXEXXXXXXXXXXXX-770458061.gif) no-repeat center center; overflow:hidden"> <h3 style="font-size:14px;color:#222; text-align:center; margin-top:42px;"> { 新品展示 NEW } </h3> </div> <div class="sg-bd" style=" background:#FFF; width:950px; margin:0 auto;font-family:arial;"> <ul style=" overflow:hidden; clear:both;zoom:1; color:#666"> <li style="float:left;margin:0 15px 15px 0;width:226px;"> <a class="list_kg4dZ0" style="display:block; width:226px; height:310px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1wOTGXeRhXXbYxeEV_020332.jpg_310x310.jpg) no-repeat center center" href="#" target="_blank"> </a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:36px; line-height:18px; overflow:hidden; display:block; text-align:center; margin:10px 0;"> 请填写宝贝标题 </a> <div style=" overflow:hidden;zoom:1;margin:10px 0;"> <span style="float:left;"> RMB <b style="color:#000000; padding-left:5px"> ¥ 67 </b> </span> </div> </li><li style="float:left;margin:0 15px 15px 0;width:226px;"> <a class="list_kg4dZ1" style="display:block; width:226px; height:310px; background:url(http://img03.taobaocdn.com/bao/uploaded/i3/T1z7J4XX4HXXa53vM0_034930.jpg_310x310.jpg) no-repeat center center" href="#" target="_blank"> </a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:36px; line-height:18px; overflow:hidden; display:block; text-align:center; margin:10px 0;"> 请填写宝贝标题 </a> <div style=" overflow:hidden;zoom:1;margin:10px 0;"> <span style="float:left;"> RMB <b style="color:#000000; padding-left:5px"> ¥ 68 </b> </span> </div> </li><li style="float:left;margin:0 15px 15px 0;width:226px;"> <a class="list_kg4dZ2" style="display:block; width:226px; height:310px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1iSHkXf8oXXaUVg32_043952.jpg_310x310.jpg) no-repeat center center" href="#" target="_blank"> </a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:36px; line-height:18px; overflow:hidden; display:block; text-align:center; margin:10px 0;"> 请填写宝贝标题 </a> <div style=" overflow:hidden;zoom:1;margin:10px 0;"> <span style="float:left;"> RMB <b style="color:#000000; padding-left:5px"> ¥ 99 </b> </span> </div> </li><li style="float:left;margin:0 0 15px 0;width:226px;"> <a class="list_kg4dZ3" style="display:block; width:226px; height:310px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1iSHkXf8oXXaUVg32_043952.jpg_310x310.jpg) no-repeat center center" href="#" target="_blank"> </a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:36px; line-height:18px; overflow:hidden; display:block; text-align:center; margin:10px 0;"> 请填写宝贝标题 </a> <div style=" overflow:hidden;zoom:1;margin:10px 0;"> <span style="float:left;"> RMB <b style="color:#000000; padding-left:5px"> ¥ 45 </b> </span> </div> </li><li style="float:left;margin:0 15px 15px 0;width:226px;"> <a class="list_kg4dZ4" style="display:block; width:226px; height:310px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1iSHkXf8oXXaUVg32_043952.jpg_310x310.jpg) no-repeat center center" href="#" target="_blank"> </a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:36px; line-height:18px; overflow:hidden; display:block; text-align:center; margin:10px 0;"> 请填写宝贝标题 </a> <div style=" overflow:hidden;zoom:1;margin:10px 0;"> <span style="float:left;"> RMB <b style="color:#000000; padding-left:5px"> ¥ 67 </b> </span> </div> </li><li style="float:left;margin:0 15px 15px 0;width:226px;"> <a class="list_kg4dZ5" style="display:block; width:226px; height:310px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1wOTGXeRhXXbYxeEV_020332.jpg_310x310.jpg) no-repeat center center" href="#" target="_blank"> </a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:36px; line-height:18px; overflow:hidden; display:block; text-align:center; margin:10px 0;"> 请填写宝贝标题 </a> <div style=" overflow:hidden;zoom:1;margin:10px 0;"> <span style="float:left;"> RMB <b style="color:#000000; padding-left:5px"> ¥ 78 </b> </span> </div> </li><li style="float:left;margin:0 15px 15px 0;width:226px;"> <a class="list_kg4dZ6" style="display:block; width:226px; height:310px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1wOTGXeRhXXbYxeEV_020332.jpg_310x310.jpg) no-repeat center center" href="#" target="_blank"> </a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:36px; line-height:18px; overflow:hidden; display:block; text-align:center; margin:10px 0;"> 请填写宝贝标题 </a> <div style=" overflow:hidden;zoom:1;margin:10px 0;"> <span style="float:left;"> RMB <b style="color:#000000; padding-left:5px"> ¥ 78 </b> </span> </div> </li><li style="float:left;margin:0 0 15px 0;width:226px;"> <a class="list_kg4dZ7" style="display:block; width:226px; height:310px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1wOTGXeRhXXbYxeEV_020332.jpg_310x310.jpg) no-repeat center center" href="#" target="_blank"> </a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:36px; line-height:18px; overflow:hidden; display:block; text-align:center; margin:10px 0;"> 请填写宝贝标题 </a> <div style=" overflow:hidden;zoom:1;margin:10px 0;"> <span style="float:left;"> RMB <b style="color:#000000; padding-left:5px"> ¥ 78 </b> </span> </div> </li> </ul> </div> <a name="sgmb"></a>

模板在线使用地址：http://www.yubaibai.com.cn/tool/950/cxb130/

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 yubaibai360@qq.com 举报，一经查实，本站将立刻删除。