给ecshop增加自定义促销图标功能

2016-09-07 22:02 来源:www.chinab4c.com 作者:ecshop专家

 

ecshop的商品显示的,当我们把商品设置为新品时,商品图片的左上角不会有个新品的小图标

 



当我们把商品设置为精品时,商品图片的左上角不会有个精品的小图标

 


当我们把商品设置为热销时,商品图片的左上角不会有个热销的小图标

 

可能我们想设置更多的小图标,例如,正品,原装,行货,这样的小图标,那我们我们来对ecshop二次开发完成这个比较有用的小功能,完成自定义后的效果如图所示:

 

下面chinab4c操作步骤:


一、修改数据库goods表添加自定义字段这里我们取名为tags_img 类型为varchar

二、进行后台商品详情页面的功能添加,首先在admin/templates/goods_info.htm下制作一个上传功能的框

 

代码如下(想用语言包的自己整去吧):

  1. <tr>
  2. <td class="label">商品图标:</td>
  3. <td><input type="file" name="tags_image" id="tags" size="45">
  4. <span id="tags_img_result"> 
  5. {if $goods.tags_img neq ''}
  6. <a href="javascript:;" onclick="if (confirm('{$lang.drop_img_confirm}')) dropTags('{$goods.goods_id}')">
  7. <img src="images/yes.gif" style="border:none;" />
  8. </a>
  9. {else}
  10. <img src="images/no.gif" style="border:none;" />
  11. {/if}
  12. </span>
  13. </td>
  14. </tr>


这里面有个js是用来删除图片显示图片是否存在的
代码如下:

  1. /**
  2. * 删除图标
  3. */
  4. function dropTags(goods_id)
  5. {
  6. Ajax.call('goods.php?is_ajax=1&act=drop_tags', "goods_id="+goods_id, dropTagsResp**e, "GET", "JSON");
  7. }
  8.  
  9. function dropTagsResp**e(result)
  10. {
  11. if (result.error == 0)
  12. {
  13. document.getElementById('tags_img_result').innerHTML= "<img src=\\"images/no.gif\\" style=\\"border:none;\\" />";
  14. }
  15. }

(责任编辑:chinab4c)

顶一下
(2)
66.7%
踩一下
(1)
33.3%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:
热点内容
CopyRight © 2010-2016 chinab4c ZuiMoban.Com, All Rights Reserved.
浙ICP备09088307号