0

我需要在产品列表页面中添加“您节省 $xxx”金额。

我怎么能只在产品列表页面中添加它，而在 magento 中添加呢？

有可能这样做吗？

请任何人建议我..

谢谢

4

1 回答 1

2

为了在 magento 中显示“特价”产品的“You Save”——使其看起来类似于亚马逊的价格显示——您可以执行以下操作：

复制 

app/design/frontend/base/default/template/catalog/product/price.phtml

至 

app/design/frontend/default/YOURTEMPLATE/template/catalog/product/price.phtml

然后在您刚刚复制的 price.phtml 中，就在上面：

在这段代码下面：

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

插入

<?php // KZN 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 // KZN Show discounted percentage and price ?>

然后你可能想要设计它的样式。所以把它插入你的主题样式表（例如style.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;}

当然，您可能需要调整 CSS 类以反映您的主题。但是现在您将拥有类似于亚马逊价格显示的东西。

参考

http://duntuk.com/add-you-save-amount-and-percentage-special-price-magento

于 2013-10-07T13:10:00.993 回答