廣州淘寶美工培訓(xùn)經(jīng)常都看到C店上面的開團(tuán)秒殺模塊，但是這些在自帶的模塊是沒有的，一般來說需要報(bào)名了聚劃算才顯示的。那么我們怎么制作聚劃算團(tuán)購模塊？其實(shí)需要寫代碼的，新建一個(gè)自定義模塊放進(jìn)去就可以了。
 
        一、我們打開我們的裝修頁面，從賣家中心--店鋪裝修--首頁進(jìn)去。
        二、新建模塊，把代碼復(fù)制進(jìn)去，效果如下：
 
        三、代碼如下，可能部分沒顯示是因?yàn)閳D片沒有上傳到圖片空間里面，這時(shí)候需要自己上傳：
<table class="ke-zeroborder" cellspacing="1" cellpadding="0" width="748" bgcolor="#cccccc" border="0">
<tbody>
<tr>
<td bgcolor="#ffffff">
<table class="ke-zeroborder" cellspacing="0" cellpadding="0" width="730" border="0">
<tbody>
<tr>
<td style="font-weight:bold;font-size:16px;color:#AB0D01;" valign="center" align="middle" width="81" height="40" data-attr-replace="[{'type':'innerHTML','desc':'活動的名稱'}]">今日團(tuán)購</td>
<td style="font-weight:bold;font-size:16px;" valign="center" align="left" width="649" data-attr-replace="[{'type':'innerHTML','desc':'請輸入商品促銷寶貝的標(biāo)題名稱'}]">正品<font style="font-size:18pt;color:#FF409F;">聚劃算</font>頭層牛皮潮鞋 只賺人氣不賺錢</td></tr></tbody></table></td></tr>
<tr>
<td valign="top" align="middle" bgcolor="#ffffff">
<table class="ke-zeroborder" cellspacing="0" cellpadding="0" width="730" border="0">
<tbody>
<tr>
<td valign="top" width="243" height="200">
<table class="ke-zeroborder" height="200" cellspacing="0" cellpadding="0" width="100%" background="圖片1" border="0">
<tbody>
<tr>
<td height="22"> </td></tr>
<tr>
<td height="20"> </td></tr>
<tr>
<td style="padding-left:12px;font-weight:bold;font-size:36px;color:#FFFFFF;font-family:georgia;" align="left" height="50" data-attr-replace="[{'type':'innerHTML','desc':'請輸入商品促銷寶貝價(jià)格'}]">￥85.00 </td></tr>
<tr>
<td height="50"> </td></tr>
<tr>
<td align="middle" height="30">
<table class="ke-zeroborder" cellspacing="0" cellpadding="0" width="231" border="0">
<tbody>
<tr style="font-weight:bold;">
<td align="middle" width="80" data-attr-replace="[{'type':'innerHTML','desc':'請輸入商品促銷寶貝的原價(jià)'}]">99</td>
<td style="color:#FF0000;" align="middle" width="81" data-attr-replace="[{'type':'innerHTML','desc':'請輸入商品促銷寶貝的節(jié)省價(jià)'}]">14</td>
<td align="middle" width="70" data-attr-replace="[{'type':'innerHTML','desc':'請輸入商品促銷寶貝的折扣'}]">8.5</td></tr></tbody></table></td></tr></tbody></table>
<table class="ke-zeroborder" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td align="middle"><img height="66" src="圖片2" width="226" border="0"></td></tr>
<tr>
<td style="font-weight:bold;" height="30"> 已經(jīng)有<span style="color:#FF0000;" data-attr-replace="[{'type':'innerHTML','desc':'請輸入已參加團(tuán)購的人數(shù)'}]">198</span>人參加團(tuán)購，你在等什么？</td></tr>
<tr>
<td style="font-weight:bold;" align="middle" height="30"><a href="http://item.taobao.com/item.htm?id=18500648009" target="_blank" data-attr-replace="[{'type':'href','desc':'請輸入活動寶貝的購買地址}]"><img height="65" alt="" src="圖片3" width="240" border="0" alt="www.mede.com.cm提供"></a> </td></tr></tbody></table></td>
<td valign="center" align="middle" width="487">
<table class="ke-zeroborder" style="border-right:#999999 1px dashed;border-top:#999999 1px dashed;border-left:#999999 1px dashed;border-bottom:#999999 1px dashed;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="middle">
<table class="ke-zeroborder" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td style="padding-right:10px;padding-left:10px;padding-bottom:10px;padding-top:10px;">
<div class="photo2"><a href="http://www.taobao.com" target="_blank" data-attr-replace="[{'type':'href','desc':'促銷寶貝的購買地址'}]"><img height="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)標(biāo)好圖片1~4的，把上傳到圖片空間的圖片地址更換上去即可。
1、
 
2、
 
 
3、
 
4、
本文地址：http://www.casciot.com.cn/share/clipart/378.html