文章最底部有效果圖。
給新產品添加“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的位置自己調整適合自己網站的。