文章最底部有效果图。
给新产品添加“new”的标签。给折扣产品,显示出折扣的数量。
这个可以自己写一段代码加在到模板文件夹下面的catalog/product/list.phtml中。 以下是代码
<?php $now_tm = Mage::getModel( 'core/date' )->timestamp(time()); ?>
<!-- add new-->
<?php
$new_str_tm = strtotime($_product->getNews_from_date());
$new_end_tm = strtotime($_product->getNews_to_date());
?>
<div style="display:none">
<?php echo "nows:".$now_tm; ?>
<?php echo "start:".$new_str_tm; ?>
<?php echo "end:".$new_end_tm; ?>
</div>
<?php if ($new_str_tm > 0): ?>
<?php if( ($now_tm < $new_end_tm) || ( ($now_tm > $new_str_tm) && (!$new_end_tm) ) ): ?>
<div class="ico_new_bg">NEW</div>
<?php endif; ?>
<?php endif; ?>
<!-- special price -->
<?php
$spe_end_tm = strtotime($_product->getSpecial_to_date());
$spe_str_tm = strtotime($_product->getSpecial_from_date());
$spe_pri = $_product->getSpecial_price();
?>
<?php $pri = $_product->getResource()->getAttribute('price')->getFrontend()->getValue($_product) ?>
<?php if( ($now_tm < $spe_end_tm) || ( ($now_tm > $spe_str_tm) && (!$spe_end_tm) ) ): ?>
<?php if ( ($spe_pri) && ($spe_pri < $pri) ): ?>
<?php $percent = round(100-100*$spe_pri/$pri, 2) ?>
<div class="ico_percent_bg"><?php echo '-'.$percent ?>%</div>
<?php endif; ?>
<?php endif; ?>
<!-- end -->
上面的这段代码插入到相应的位置。。最好是放在 <?php // Grid Mode ?> 这个后面
这个弄好后。还要改CSS。让其显示在相应的位置。
.products-grid .ico_new_bg { height:33px; font-size:14px; line-height:24px; color:#ffffff; background:url("../images/ico_bg.png"); position:absolute; margin: -10px -10px 0; padding:0 10px 0; z-index:10; }
.products-grid .ico_percent_bg { height:33px; font-size:14px; line-height:24px; color:#ffffff; background:url("../images/ico_bg.png"); position:absolute; margin: -10px -10px 0; padding:0 10px 0; z-index:10; }
这段CSS代码添加到styles.css下面。添加到/* View Type: Grid */ 这个下面。.products-grid li.item,在这一行后面添加上两行代码。
margin的位置自己调整适合自己网站的。
下面这个是红色背景的图片。
这里添加好以后。到你前台产品目录下面。就可以看到这个变化了!