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

topit20120114222443.jpg 



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

topit20120114222459.jpg 


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

topit20120114222512.jpg 

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

topit201201142225121.jpg 

下面最模板操作步骤:


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

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

topit201201142225122.jpg 

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

  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. }