Magento添加百分比折扣和节省金额

在很多Magento的模板中并未在分类页对打折产品添加**% Off或You Save $**字样的折扣信息，可以通过如下方式来进行添加：
找到app/design/frontend/base/default/template/catalog/product/price.phtml文件，将price.phtml文件拷到所使用主题的相应位置，如app/design/frontend/default/YOURTEMPLATE/template/catalog/product/price.phtml。
打开price.phtml文件，找到如下代码：

<?php endif; /* if ($_finalPrice == $_price): */ ?>

在该段代码的上方添加如下代码

<?php // Show discounted percentage and price ?>

<?php if($_finalPrice < $_price): ?>

<?php

$_savePercent = 100 - round(($_finalPrice / $_price) * 100);

$_saveAmount = number_format(($_price - $_finalPrice), 2);

?>

<p class="yousave">

<span class="price-label label">You Save: </span>

<span class="price">

<strong class="save-amount">$<?php echo $_saveAmount; ?></strong> (<?php echo $_savePercent; ?>%)

</span>

</p>

<?php endif; ?>

<?php // Show discounted percentage and price ?>

其中的文字也可根据个人需要进行适当调整，并在style.css或其它CSS文件中来调整显示的样式，网上有一段访Amazon显示的一段CSS代码可供参考：

/********** < Product Prices */

.price { white-space:nowrap !important; }

.price-label { font:normal 12px/15px verdena, Arial, Helvetica, sans-serif; white-space:nowrap; display:inline-block; width:80px; text-align:right; color:#666; }

.price-box { margin:5px 0 10px; }

.price-box .price { font-size:13px; line-height:22px;font-weight:bold; color:#3399ff; }

/* Regular price */

.regular-price { color:#3399ff; }

.regular-price .price { font-size:18px; font-weight:normal; color:#900; font-family:verdana, arial, helvetica, sans-serif;}

.product-view .regular-price .price {}

.product-view .regular-price .price:before { content:"Price: "; color:#666; font:normal 12px/15px verdena, Arial, Helvetica, sans-serif;}

/* Old price */

.old-price { margin:0; }

.old-price .price-label { }

.old-price .price {  font-weight:normal; font-size:13px; color:#000; text-decoration:line-through; }

/* Special price */

.special-price { margin:0; }

.special-price .price-label { }

.special-price .price { font-size:18px; font-weight:normal; color:#900; font-family:verdana, arial, helvetica, sans-serif;}

/* You save price */

.yousave { margin:0; }

.yousave .price-label { }

.yousave .price { font-weight:normal; color:#900; font-family:verdana, arial, helvetica, sans-serif;}

喜欢 (0)赏

[]

分享 (0)