首页 菜单
所在位置:美迪首页 > 电商资讯 > 电商美工资讯 > 怎么制作聚划算团购模块?

怎么制作聚划算团购模块?

点击:时间:2014-05-04 16:16

        广州淘宝美工培训经常都看到C店上面的开团秒杀模块,但是这些在自带的模块是没有的,一般来说需要报名了聚划算才显示的。那么我们怎么制作聚划算团购模块?其实需要写代码的,新建一个自定义模块放进去就可以了。
 
        一、我们打开我们的装修页面,从卖家中心--店铺装修--首页进去。
        二、新建模块,把代码复制进去,效果如下:
怎么制作聚划算团购模块 
        三、代码如下,可能部分没显示是因为图片没有上传到图片空间里面,这时候需要自己上传:
<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':'活动的名称'}]">今日团购</td>
<td style="font-weight:bold;font-size:16px;" valign="center" align="left" width="649" data-attr-replace="[{'type':'innerHTML','desc':'请输入商品促销宝贝的标题名称'}]">正品<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':'请输入商品促销宝贝价格'}]">¥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':'请输入商品促销宝贝的原价'}]">99</td>
<td style="color:#FF0000;" align="middle" width="81" data-attr-replace="[{'type':'innerHTML','desc':'请输入商品促销宝贝的节省价'}]">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"> 已经有<span style="color:#FF0000;" data-attr-replace="[{'type':'innerHTML','desc':'请输入已参加团购的人数'}]">198</span>人参加团购,你在等什么?</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>
 
        四、素材在下面,上面的代码已经标好图片1~4的,把上传到图片空间的图片地址更换上去即可。
1、
怎么制作聚划算团购模块 
2、
怎么制作聚划算团购模块 
 
3、怎么制作聚划算团购模块
 
4、怎么制作聚划算团购模块






免费电话