廣州淘寶美工培訓經(jīng)常都看到C店上面的開團秒殺模塊，但是這些在自帶的模塊是沒有的，一般來說需要報名了聚劃算才顯示的。那么我們怎么制作聚劃算團購模塊？其實需要寫代碼的，新建一個自定義模塊放進去就可以了。
一、我們打開我們的裝修頁面，從賣家中心--店鋪裝修--首頁進去。
二、新建模塊，把代碼復制進去，效果如下：
三、代碼如下，可能部分沒顯示是因為圖片沒有上傳到圖片空間里面，這時候需要自己上傳：
<tableclass="ke-zeroborder"cellspacing="1"cellpadding="0"width="748"bgcolor="#cccccc"border="0">
<tbody>
<tr>
<tdbgcolor="#ffffff">
<tableclass="ke-zeroborder"cellspacing="0"cellpadding="0"width="730"border="0">
<tbody>
<tr>
<tdstyle="font-weight:bold;font-size:16px;color:#AB0D01;"valign="center"align="middle"width="81"height="40"data-attr-replace="[{type:innerHTML,desc:活動的名稱}]">今日團購</td>
<tdstyle="font-weight:bold;font-size:16px;"valign="center"align="left"width="649"data-attr-replace="[{type:innerHTML,desc:請輸入商品促銷寶貝的標題名稱}]">正品<fontstyle="font-size:18pt;color:#FF409F;">聚劃算</font>頭層牛皮潮鞋只賺人氣不賺錢</td></tr></tbody></table></td></tr>
<tr>
<tdvalign="top"align="middle"bgcolor="#ffffff">
<tableclass="ke-zeroborder"cellspacing="0"cellpadding="0"width="730"border="0">
<tbody>
<tr>
<tdvalign="top"width="243"height="200">
<tableclass="ke-zeroborder"height="200"cellspacing="0"cellpadding="0"width="100%"background="圖片1"border="0">
<tbody>
<tr>
<tdheight="22"></td></tr>
<tr>
<tdheight="20"></td></tr>
<tr>
<tdstyle="padding-left:12px;font-weight:bold;font-size:36px;color:#FFFFFF;font-family:georgia;"align="left"height="50"data-attr-replace="[{type:innerHTML,desc:請輸入商品促銷寶貝價格}]">￥85.00</td></tr>
<tr>
<tdheight="50"></td></tr>
<tr>
<tdalign="middle"height="30">
<tableclass="ke-zeroborder"cellspacing="0"cellpadding="0"width="231"border="0">
<tbody>
<trstyle="font-weight:bold;">
<tdalign="middle"width="80"data-attr-replace="[{type:innerHTML,desc:請輸入商品促銷寶貝的原價}]">99</td>
<tdstyle="color:#FF0000;"align="middle"width="81"data-attr-replace="[{type:innerHTML,desc:請輸入商品促銷寶貝的節(jié)省價}]">14</td>
<tdalign="middle"width="70"data-attr-replace="[{type:innerHTML,desc:請輸入商品促銷寶貝的折扣}]">8.5</td></tr></tbody></table></td></tr></tbody></table>
<tableclass="ke-zeroborder"cellspacing="0"cellpadding="0"width="100%"border="0">
<tbody>
<tr>
<tdalign="middle"><imgheight="66"src="圖片2"width="226"border="0"></td></tr>
<tr>
<tdstyle="font-weight:bold;"height="30">已經(jīng)有<spanstyle="color:#FF0000;"data-attr-replace="[{type:innerHTML,desc:請輸入已參加團購的人數(shù)}]">198</span>人參加團購，你在等什么？</td></tr>
<tr>
<tdstyle="font-weight:bold;"align="middle"height="30"><ahref="http://item.taobao.com/item.htm?id=18500648009"target="_blank"data-attr-replace="[{type:href,desc:請輸入活動寶貝的購買地址}]"><imgheight="65"alt=""src="圖片3"width="240"border="0"alt="www.mede.com.cm提供"></a></td></tr></tbody></table></td>
<tdvalign="center"align="middle"width="487">
<tableclass="ke-zeroborder"style="border-right:#9999991pxdashed;border-top:#9999991pxdashed;border-left:#9999991pxdashed;border-bottom:#9999991pxdashed;"cellspacing="0"cellpadding="0"border="0">
<tbody>
<tr>
<tdalign="middle">
<tableclass="ke-zeroborder"cellspacing="0"cellpadding="0"width="100%"border="0">
<tbody>
<tr>
<tdstyle="padding-right:10px;padding-left:10px;padding-bottom:10px;padding-top:10px;">
<divclass="photo2"><ahref="http://www.taobao.com"target="_blank"data-attr-replace="[{type:href,desc:促銷寶貝的購買地址}]"><imgheight="330"alt=""src="圖片4"width="450"border="0"data-attr-replace="[{type:src,desc:促銷寶貝的圖片地址}]"></a></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>
四、素材在下面，上面的代碼已經(jīng)標好圖片1~4的，把上傳到圖片空間的圖片地址更換上去即可。
1、
2、
3、
4、
一、我們打開我們的裝修頁面，從賣家中心--店鋪裝修--首頁進去。
二、新建模塊，把代碼復制進去，效果如下：
三、代碼如下，可能部分沒顯示是因為圖片沒有上傳到圖片空間里面，這時候需要自己上傳：
<tableclass="ke-zeroborder"cellspacing="1"cellpadding="0"width="748"bgcolor="#cccccc"border="0">
<tbody>
<tr>
<tdbgcolor="#ffffff">
<tableclass="ke-zeroborder"cellspacing="0"cellpadding="0"width="730"border="0">
<tbody>
<tr>
<tdstyle="font-weight:bold;font-size:16px;color:#AB0D01;"valign="center"align="middle"width="81"height="40"data-attr-replace="[{type:innerHTML,desc:活動的名稱}]">今日團購</td>
<tdstyle="font-weight:bold;font-size:16px;"valign="center"align="left"width="649"data-attr-replace="[{type:innerHTML,desc:請輸入商品促銷寶貝的標題名稱}]">正品<fontstyle="font-size:18pt;color:#FF409F;">聚劃算</font>頭層牛皮潮鞋只賺人氣不賺錢</td></tr></tbody></table></td></tr>
<tr>
<tdvalign="top"align="middle"bgcolor="#ffffff">
<tableclass="ke-zeroborder"cellspacing="0"cellpadding="0"width="730"border="0">
<tbody>
<tr>
<tdvalign="top"width="243"height="200">
<tableclass="ke-zeroborder"height="200"cellspacing="0"cellpadding="0"width="100%"background="圖片1"border="0">
<tbody>
<tr>
<tdheight="22"></td></tr>
<tr>
<tdheight="20"></td></tr>
<tr>
<tdstyle="padding-left:12px;font-weight:bold;font-size:36px;color:#FFFFFF;font-family:georgia;"align="left"height="50"data-attr-replace="[{type:innerHTML,desc:請輸入商品促銷寶貝價格}]">￥85.00</td></tr>
<tr>
<tdheight="50"></td></tr>
<tr>
<tdalign="middle"height="30">
<tableclass="ke-zeroborder"cellspacing="0"cellpadding="0"width="231"border="0">
<tbody>
<trstyle="font-weight:bold;">
<tdalign="middle"width="80"data-attr-replace="[{type:innerHTML,desc:請輸入商品促銷寶貝的原價}]">99</td>
<tdstyle="color:#FF0000;"align="middle"width="81"data-attr-replace="[{type:innerHTML,desc:請輸入商品促銷寶貝的節(jié)省價}]">14</td>
<tdalign="middle"width="70"data-attr-replace="[{type:innerHTML,desc:請輸入商品促銷寶貝的折扣}]">8.5</td></tr></tbody></table></td></tr></tbody></table>
<tableclass="ke-zeroborder"cellspacing="0"cellpadding="0"width="100%"border="0">
<tbody>
<tr>
<tdalign="middle"><imgheight="66"src="圖片2"width="226"border="0"></td></tr>
<tr>
<tdstyle="font-weight:bold;"height="30">已經(jīng)有<spanstyle="color:#FF0000;"data-attr-replace="[{type:innerHTML,desc:請輸入已參加團購的人數(shù)}]">198</span>人參加團購，你在等什么？</td></tr>
<tr>
<tdstyle="font-weight:bold;"align="middle"height="30"><ahref="http://item.taobao.com/item.htm?id=18500648009"target="_blank"data-attr-replace="[{type:href,desc:請輸入活動寶貝的購買地址}]"><imgheight="65"alt=""src="圖片3"width="240"border="0"alt="www.mede.com.cm提供"></a></td></tr></tbody></table></td>
<tdvalign="center"align="middle"width="487">
<tableclass="ke-zeroborder"style="border-right:#9999991pxdashed;border-top:#9999991pxdashed;border-left:#9999991pxdashed;border-bottom:#9999991pxdashed;"cellspacing="0"cellpadding="0"border="0">
<tbody>
<tr>
<tdalign="middle">
<tableclass="ke-zeroborder"cellspacing="0"cellpadding="0"width="100%"border="0">
<tbody>
<tr>
<tdstyle="padding-right:10px;padding-left:10px;padding-bottom:10px;padding-top:10px;">
<divclass="photo2"><ahref="http://www.taobao.com"target="_blank"data-attr-replace="[{type:href,desc:促銷寶貝的購買地址}]"><imgheight="330"alt=""src="圖片4"width="450"border="0"data-attr-replace="[{type:src,desc:促銷寶貝的圖片地址}]"></a></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>
四、素材在下面，上面的代碼已經(jīng)標好圖片1~4的，把上傳到圖片空間的圖片地址更換上去即可。
1、
2、
3、
4、
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則
本文來源： 怎么制作聚劃算團購模塊？
