分享一个淘宝左侧190自定义模块安装使用的淘宝在线装修模板：黑白通用淘宝190左侧促销模板。

模板就是一个框架，里面图片可以更换为自己的，女装、男装、鞋包等等各种网店其实都可以使用哦。不要太纠结。

 

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

本模板配套的右侧750模板，详见：http://www.yubaibai.com.cn/html/wangpucuxiao/wangpucuxiao_3674.html

（一）模板效果预览：

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

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

（二）模板使用说明：

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

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

（3）图片尺寸，可以根据自己的效果，设置宝贝主图高度，适应你的图片。模板中演示尺寸：170x170

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

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

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

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

 

淘宝装修模板代码：

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

下面是淘宝装修代码：

<div class="sg-hd" style="height:30px;width: 188px; margin:0 auto;line-height:30px;background:#000000 ; text-align: center; "> <h3 style="color: #fff; font-size:14px; font-family: 微软雅黑;">Classy</h3> </div> <div class="sg-bd" style=" width: 188px; margin:0 auto; border:1px solid #727177; border-right: none; background:#727177; zoom:1; font-family: 微软雅黑;"> <ul style=" overflow:hidden;"> <li style="float:left;margin:0px 0 0 0; background:#fff;width:187px;overflow:hidden;"> <a class="list_QxlxQ4" style="display:block; width:170px;height:170px; background:#FFF url(https://img.alicdn.com/top/i1/TB1a9hoKpXXXXb2XpXXSutbFXXX.jpg_170x170.jpg) 50% 50% no-repeat; outline: none; text-decoration: none; margin: 8.5px auto 8.5px auto;" href="" target="_blank"> </a> <a style=" height: 20px; line-height: 20px; outline: none; text-decoration: none; text-align: center; overflow:hidden; display: block;color: #545454;margin: 0 30px;" href="" target="_blank"> 女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子 </a> <span style=" text-align: center; font-family: Georgia;font-size: 18px; height: 20px; margin: 5px 0 10px 0; display: block;color: #d60028;"> <span style="font-family: Arial;font-size: 14px;color: #000000"> RMB : </span> 67 </span> </li><li style="float:left;margin:1px 0 0 0; background:#fff;width:187px;overflow:hidden;"> <a class="list_QxlxQ4" style="display:block; width:170px;height:170px; background:#FFF url(https://img.alicdn.com/top/i1/TB1YyVXHFXXXXbdXXXXSutbFXXX.jpg_170x170.jpg) 50% 50% no-repeat; outline: none; text-decoration: none; margin: 8.5px auto 8.5px auto;" href="" target="_blank"> </a> <a style=" height: 20px; line-height: 20px; outline: none; text-decoration: none; text-align: center; overflow:hidden; display: block;color: #545454;margin: 0 30px;" href="" target="_blank"> 女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子 </a> <span style=" text-align: center; font-family: Georgia;font-size: 18px; height: 20px; margin: 5px 0 10px 0; display: block;color: #d60028;"> <span style="font-family: Arial;font-size: 14px;color: #000000"> RMB : </span> 68 </span> </li><li style="float:left;margin:1px 0 0 0; background:#fff;width:187px;overflow:hidden;"> <a class="list_QxlxQ4" style="display:block; width:170px;height:170px; background:#FFF url(https://img.alicdn.com/top/i1/TB1TFRSGpXXXXXkaXXXSutbFXXX.jpg_170x170.jpg) 50% 50% no-repeat; outline: none; text-decoration: none; margin: 8.5px auto 8.5px auto;" href="" target="_blank"> </a> <a style=" height: 20px; line-height: 20px; outline: none; text-decoration: none; text-align: center; overflow:hidden; display: block;color: #545454;margin: 0 30px;" href="" target="_blank"> 女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子 </a> <span style=" text-align: center; font-family: Georgia;font-size: 18px; height: 20px; margin: 5px 0 10px 0; display: block;color: #d60028;"> <span style="font-family: Arial;font-size: 14px;color: #000000"> RMB : </span> 99 </span> </li> </ul> </div> <a name="sgmb"></a>

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

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