廣州淘寶美工培訓經常都看到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:請輸入商品促銷寶貝的節省價}]">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">已經有<spanstyle="color:#FF0000;"data-attr-replace="[{type:innerHTML,desc:請輸入已參加團購的人數}]">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>
四、素材在下面,上面的代碼已經標好圖片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:請輸入商品促銷寶貝的節省價}]">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">已經有<spanstyle="color:#FF0000;"data-attr-replace="[{type:innerHTML,desc:請輸入已參加團購的人數}]">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>
四、素材在下面,上面的代碼已經標好圖片1~4的,把上傳到圖片空間的圖片地址更換上去即可。
1、
2、
3、
4、
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 怎么制作聚劃算團購模塊?