发布一款商品页面商品图片加盖“正品图片”的功能[通用版]

2016-07-07 16:10 来源：www.chinab4c.com 作者：ecshop专家

其实很简单，高手直接飘过吧～

我用的官方2.7.2模版做演示，只添加一段代码就可以了

在官方模版default目录下找到goods.dwt文件，用DW打开

搜索
<img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}"/>
（本模板总共有2处，其他模版找到商品图片位置）在之后添加下段代码即可实现本功能
  1. <img src="images/zhengpin.gif" style=" margin-left:-50px; margin-top:0px; position:absolute; ">
复制代码


另需要一个图片文件拷贝到模板目录images文件夹下即可

这是简单的图片演示
yanshi.jpg

也可以访问我的站点查看演示http://www.goocctv.cn/goods-2304.html

以后有实用的功能再来发布，谢谢观赏！

里面需用到的图片和已经改好的文件，直接覆盖到themes下官方默认模版目录（default）即可

需用到的图片 zhengpin.gif
改好的文件 default.rar (9.92 KB)

回答：
利用绝对定位来定位图片的位置，可以浮于其他层之上的原理，可是别忘了设定一下外层的position:relative属性，不然会找到最近的父层，就可能是BODY了，到时就可能错位

如果大家观察过官方的默认模板，其实是有这种效果的，首页商品图上会标有BEST NEW等小图标，原理是和这个一样的

11111.jpg 2222.jpg

谢谢斑竹指正 我公司需要这个功能 我是个菜鸟研究的半天才做出来 觉得大家也可能需要

我这个比较直接 省得还要去style.css里面编辑 对于你们老鸟来说简单 对于我这菜鸟挺复杂的