给大伙儿共享一个商品总数可变性的 *** 在线店铺模板：950通用性简约 *** 促销模版。模版可转换一行表明的商品总数，可一行表明3、4、五个，商品不超过20个。大伙儿只必须在该 *** 店铺装修模版编码在线生成器里键入题目、价钱、图片地址、网站链接详细地址就可以迅速转化成自身的 *** 店铺装修模版编码。模版顶端的题目“{ 新产品展现 NEW }”还可以线上改动。

 

模版线上应用详细地址：https://www.yubaibai.com.cn/tool/950/cxb130/

模版实际效果浏览：

（1）一行表明4个商品的 *** 店铺装修模版实际效果：

 

（2）一行表明3个的 *** 店铺装修模版实际效果

（3）一行表明五个商品的 *** 店铺装修模版实际效果：

 

 

模版使用说明书：

（1）商品数量为3、4、5的倍数，商品数最多20个。转换后，点一下底端“浏览”，查询实际效果。

（2）商品选购详细地址：“连接详细地址”，删掉#，粘贴自身商品的选购详细地址

（3）一行展现五个时，商品 *** 主图尺寸为178x240，上边图片地址拆换自身的商品 *** 主图详细地址

（4）一行展现3个时，商品 *** 主图尺寸为306x400，上边图片地址拆换自身的商品 *** 主图详细地址

（5）一行展现4个时，商品 *** 主图尺寸为226x310，上边图片地址拆换自身的商品 *** 主图详细地址

假如你自己的商品 *** 主图高宽比并不是上边默认设置实际效果，还可以设定商品图高宽比，以兼容你的图片。

（6）点击“题目设定”，能够设定模版题目，能够改为例如：新品上市、店家强烈推荐、店家强烈推荐、人气宝贝、热卖商品等题目。

（7）留意下面的图箭头符号提醒的地区

 

*** 店铺装修模版编码：

假如习惯性自身改动编码，讨厌在线文档编辑，能够立即拷贝下边的编码，自主改动应用

下边是一行表明4个 *** 店铺装修编码：

<div class="c5e5-850a-7fe0-8dd4 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="850a-7fe0-8dd4-e243 sg-bd" style=" background:#FFF; width:951080x; 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="7fe0-8dd4-e243-6728 list_kg4dZ0" style="display:block; width:226px; height:311080x; 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="2c2f-2bf6-5f3c-f827 list_kg4dZ1" style="display:block; width:226px; height:311080x; background:url(http://img03.taobaocdn.com/bao/uploaded/i3/T1z7J4CX4HXXa53vM0_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="2bf6-5f3c-f827-1653 list_kg4dZ2" style="display:block; width:226px; height:311080x; 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="5f3c-f827-1653-4832 list_kg4dZ3" style="display:block; width:226px; height:311080x; 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="f827-1653-4832-148f list_kg4dZ4" style="display:block; width:226px; height:311080x; 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="1653-4832-148f-78d9 list_kg4dZ5" style="display:block; width:226px; height:311080x; 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="4832-148f-78d9-7d5d list_kg4dZ6" style="display:block; width:226px; height:311080x; 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="148f-78d9-7d5d-00f2 list_kg4dZ7" style="display:block; width:226px; height:311080x; 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>

模版线上应用详细地址：https://www.yubaibai.com.cn/tool/950/cxb130/