How to display a “You Save” amount and percentage to Magento’s Special price

In order to display a “You Save” amount and the percentage off the regular price for “Special Price” products in Magento do the following:

1. Copy the fileapp/design/frontend/base/default/template/catalog/product/price.phtmland place it at the following locationapp/design/frontend/default/YOUR THEME/template/catalog/product/price.phtml
2. Then in price.phtml that you just copied, right above:

   <?php endif; /* if ($_finalPrice == $_price): */ ?>
   
   add the following code:
   
   <?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; ?>

3. Next adjust your skin/frontend/default/YOUR THEME/css/styles.css file by adding the following (or create your own):

   .yousave { margin:0; }

   .yousave .price-label { }

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