默认的ecshop首页，针对特价商品显示时，图片上是没有特价的小图标的，但为了能够更好的吸引用户，增加销售，可以给商品添加特价，打折，优惠的醒目的图标，添加特价图标之后，如下图：

那么如何添加这种特价商品小图标呢？给你介绍下面一种添加方法。
1.打开我们的特价商品模板页面，一般是themes/library/promotion_info.lbi.(不同模板可能会不一样。)找到如下代码：
<!–{foreach from=$promotion_goods item=goods key=key name=”promotion_foreach”}–>
<div>
<div id=”roll_imgbox{$key}”>
<span style=”position:absolute; width:32px; height:30px;top:18px;”>
<img src=”images/tjcc.gif” alt=”" />
</span>

<a href=”{$goods.url}”><img src=”{$goods.thumb}” alt=”{$goods.name|escape:html}” /></a>
</div>
<a href=”{$goods.url}” title=”{$goods.name|escape:html}”>{$goods.short_style_name}</a><br />
<font>{$goods.market_price}</font>
<!– {if $goods.promote_price neq “”} –>
<b>{$goods.promote_price}</b><br />
<font id=”leftTime{$key}”></font>
<script>
Tday[{$key}] = new Date(“{$goods.gmt_end_time}”);
window.setInterval(function()
{clock({$key});}, 1000);
</script>
<!– {else}–>
<b>{$goods.shop_price}</b><br />

<!–{/if}–>

</div>
<!–{/foreach}–>

其中红色部分即为需要添加的代码，这里重点用到了css里position:absolute，即通过它绝对定位一个元素，而且定位后的元素脱离于当前的文 档流，因此它不会对页面上的其他元素造成影响，比如引起了页面的错位等。完成了特价商品，其他的例如：精品推荐，热销商品等都可以采取同样的方式来完成。