分享一个190宽清爽简洁通用淘宝在线装修模板，模板中背景色、模块标题图、宝贝图、宝贝标题、价格、链接均可以在线设置操作，然后快速制作淘宝装修模板。另外，模板中可以自由添加、删除显示的宝贝数量，一般不超过20个宝贝。模板中，商品标题可以隐藏哦。

本淘宝左侧装修模板里我们默认放的是女装类宝贝主图，但是模板就是一个框架，里面图片可以更换为自己的，女装、男装、鞋包等等各种网店其实都可以使用哦。不要太纠结。

 

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

本套模板配套的750宽淘宝右侧模板详见：http://www.yubaibai.com.cn/html/wangpucuxiao/wangpucuxiao_3673.html

（一）模板效果预览：

（1）淘宝装修模板默认效果：

宝贝可以添加多个，不过数量应限制在20个以内。

模板支持更改背景色、自由添加宝贝，下面是改变背景色后的效果：

（二）模板使用说明：

（1）宝贝最多20个。切换后，点击底部“预览”，查看效果。

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

（3）图片尺寸，可以根据自己的效果，设置宝贝主图高度(图片宽度固定为190px，高度可以自定义)，适应你的图片。模板中演示尺寸：190x190

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

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

背景色：点击顶部“效果设置”，设置模板背景色。

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

 

淘宝装修模板代码：

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

下面是淘宝装修代码：

<div style="overflow:hidden;font-family:微软雅黑;width:190px; margin:0 auto;height: 30px;text-align: center;background:#f5ac71"> <div style="width:190px;height: 30px;line-height: 30px;float: left;font-size: 16px;color: #fff;"> 热销宝贝 </div> </div> <div style="overflow:hidden;font-family: 微软雅黑;width:190px; margin:0 auto;text-align: center;background:#fff;"> <ul> <li style="float:left;margin:0;width:188px;overflow:hidden;background:#fff;border: 1px solid #f5ac71;"> <a class="list_zoZpQ0" style="display:block; width:188px; height:190px; background:#FFF url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_190x190.jpg) no-repeat center center;margin:1px;overflow:hidden;" href="" target="_blank"> </a> <div style="overflow:hidden;width:188px;border-top: 1px solid #f5ac71;"> </div> <a href="" _fcksavedurl="" target="_blank" style="overflow:hidden;display:block;text-align: left;text-decoration:none;height:36px;line-height:18px;margin:10px 10px 0 10px;color:#323232;"> 女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子 </a> <div style="overflow:hidden;margin:10px 10px;height:20px;line-height:20px;color:#fa882d;font-size:14px;font-family: arial;"> ¥ <b style="font-size:20px"> 67 </b> </div> </li> <li style="float:left;margin:10px 0 0 0; width:188px;overflow:hidden;background:#fff;border: 1px solid #f5ac71;"> <a class="list_zoZpQ1" style="display:block; width:188px; height:190px; background:#FFF url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_190x190.jpg) no-repeat center center;margin:1px;overflow:hidden;" href="" target="_blank"> </a> <div style="overflow:hidden;width:188px;border-top: 1px solid #f5ac71;"> </div> <a href="" _fcksavedurl="" target="_blank" style="overflow:hidden;display:block;text-align: left;text-decoration:none;height:36px;line-height:18px;margin:10px 10px 0 10px;color:#323232;"> 女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子 </a> <div style="overflow:hidden;margin:10px 10px;height:20px;line-height:20px;color:#fa882d;font-size:14px;font-family: arial;"> ¥ <b style="font-size:20px"> 68 </b> </div> </li> <li style="float:left;margin:10px 0 0 0; width:188px;overflow:hidden;background:#fff;border: 1px solid #f5ac71;"> <a class="list_zoZpQ2" style="display:block; width:188px; height:190px; background:#FFF url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_190x190.jpg) no-repeat center center;margin:1px;overflow:hidden;" href="" target="_blank"> </a> <div style="overflow:hidden;width:188px;border-top: 1px solid #f5ac71;"> </div> <a href="" _fcksavedurl="" target="_blank" style="overflow:hidden;display:block;text-align: left;text-decoration:none;height:36px;line-height:18px;margin:10px 10px 0 10px;color:#323232;"> 女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子 </a> <div style="overflow:hidden;margin:10px 10px;height:20px;line-height:20px;color:#fa882d;font-size:14px;font-family: arial;"> ¥ <b style="font-size:20px"> 99 </b> </div> </li> </ul> </div> <a name="sgmb"></a>

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

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