change the display of product price

[Xaria]

I want to add two items to specials. And the price of the items to be displayed as


USUAL $80
NOW $60

how can i add the words USUAL and NOW before the prices.
And also have the price listed on separate lines

Currently both the prices appear next to each other as

$80 $60


P.S. I am sorry i cannot provide a URL coz i am working on localhost

[Xaria]

I have attached a sample picture indicating wat i would like to achieve.

Thanks for ur help

[qm360]

I'd like the same solution. Anyone knows?

[Xaria]

I ran into other issues now...

While playing with the product price block.. I realised when i move the product price block after the attribute block the normal and special price appear on two lines. as seen in image1 ( plz see attached thumbnail)
But when i move the product price block before the add to cart block the prices appear besides each other. as seen in image2.(attached thumbnail)

My CSS is as follows:

.normalprice, .productSpecialPriceSale {
    font-size: 16px;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #000000;
    float: left;}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    font-size: 16px;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #dc2300;
    font-weight: bold;
    }
#mainProductBox {
margin: 0 auto;
padding: 0;
}
#imagebox {
margin:5;
padding:2em;
float: left;
width: 20%
}
#productMainImage {
margin:1.5em 1em 1em 0;
}
#productbox {
margin:0;
padding:0;
width:60%;
float:right;
}
h1#productName {
margin:0;
padding:0;
font-weight:700;
text-align:center;
font-size: 18px
color: #ED691F;
}
#productModel {
text-align:left;
color: #000000;
font-size: 20px
}
#productDescription {
margin:0;
padding:0 0 2px 0;
line-height:1.3em;
}
#productDescription li {
list-style: square;
}
#productPrices {
margin:0;
padding: 2px 2px;
font-weight:700;
text-align:left;
font-size: 16px;
font-family: verdana, arial, helvetica, sans-serif;
color: #000000;
}

#productDetailsList {
    margin: 0;
    padding:0;
    list-style-type: square;
}
#productDetailsList ul {
    margin: 0;
    padding:0;
    list-style-type: square;
}

#freeShippingIcon {
width:50%;
height:54px;
}
#productPurchaseBox {
    margin: 0 auto;
}
#buybox {
margin:0;
padding:3px;
width:45%;
text-align:center;
float:right;
}
.wrapperAttribsOptions {
margin:0.3em 0;
text-align:left;
}
#attribsOptionsText {
margin:0;
padding:0.5em 5px;
text-align:center;
}

.optionName {
margin:0;
color:#580c84;
font-weight:700;
padding-left:3px;
text-align:left;
/*width:11em;*/
}
#cartAdd {
margin:1em;
padding:3px;
font-size:1em;
text-align:left;
}
#cartImage {
margin:0.5em 1em;
}

#QuantityDiscountsBox {
margin: 0;
width: 30%;
float: left;    
}

.productDetail{
float:right;
margin: 0;
padding: 0;} 

And the code for product info display page is as:

<?php
/**
 * Page Template
 *
 * Loaded automatically by index.php?main_page=product_info.<br />
 * Displays details of a typical product
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_product_info_display.php 5369 2006-12-23 10:55:52Z drbyte $
 */
 //require(DIR_WS_MODULES . '/debug_blocks/product_info_prices.php');
?>
<div class="centerColumn" id="productGeneral">

<!--bof Form start-->
<?php echo zen_draw_form('cart_quantity', zen_href_link(zen_get_info_page($_GET['products_id']), zen_get_all_get_params(array('action')) . 'action=add_product'), 'post', 'enctype="multipart/form-data"') . "\n"; ?>
<!--eof Form start-->

<?php if ($messageStack->size('product_info') > 0) echo $messageStack->output('product_info'); ?>

<!--bof Category Icon -->
<!--<?php // if ($module_show_categories != 0) {?>-->
<!--<?php 
/**
 * display the category icons
 */
// require($template->get_template_dir('/tpl_modules_category_icon_display.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_category_icon_display.php'); ?>-->             
<!--<?php // } ?>-->
<!--eof Category Icon -->

<!--bof Prev/Next top position -->
<?php if (PRODUCT_INFO_PREVIOUS_NEXT == 1 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>
<?php
/**
 * display the product previous/next helper
 */
require($template->get_template_dir('/tpl_products_next_previous.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_products_next_previous.php'); ?>
<?php } ?>
<!--eof Prev/Next top position-->
<h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1>
<div id="mainProductBox">
<!--bof Main Product Image -->
<div id="imagebox">
<?php
  if (zen_not_null($products_image)) {
  ?>
<?php
/**
 * display the main product image
 */
   require($template->get_template_dir('/tpl_modules_main_product_image.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_main_product_image.php'); ?>
<?php
  }
?>
<!--bof Additional Product Images -->
<?php
/**
 * display the products additional images
 */
  require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
<!--eof Additional Product Images -->
<!--bof Attributes Module -->
<?php
  if ($pr_attr->fields['total'] > 0) {
?>
<?php
/**
 * display the product atributes
 */
  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<?php
  }
?>
<!--eof Attributes Module -->
</div>
<!--eof Main Product Image-->

<!-- bof Product Box -->
<div id="productbox">
<!--bof Product Name<h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1>
eof Product Name-->
<h2 id="productModel"><?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? $products_model : '') . "\n"; ?></h2>
<!--bof Product Price block -->
<div id="productPrices" class="productGeneral"align= "center">
<?php
// base price
  if ($show_onetime_charges_description == 'true') {
    $one_time = '<span >' . TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION . '</span><br />';
  } else {
    $one_time = '';
  }
  echo $one_time . ((zen_has_product_attributes_values((int)$_GET['products_id']) and $flag_show_product_info_starting_at == 1) ? TEXT_BASE_PRICE : '') . zen_get_products_display_price((int)$_GET['products_id']);
?></div>
<!--eof Product Price block -->
<!--bof Add to Cart Box -->
<?php
if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {
  // do nothing
} else {
?>
            <?php
/**    $display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : ''); */
            if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {
              // hide the quantity box and default to 1
              $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
            } else {
              // show the quantity box
    $the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<br />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
            }
    $display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);
  ?>
  <?php if ($display_qty != '' or $display_button != '') { ?>
    <?php
      echo $display_qty;
      echo $display_button;
            ?>
           <?php } // display qty and button ?>
<?php } // CUSTOMERS_APPROVAL == 3 ?>
<!--eof Add to Cart Box-->
<br class="clearBoth" />
 <!--bof Product description -->
<img width="100" height="20" src="/osx/images/details.gif" alt="details" /><br />
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral"><?php echo stripslashes($products_description); ?></div>
<?php } ?>
<!--eof Product description -->
<!-- MOVED PRICE BLOCK -->


<!--bof Product details list  -->
<div id="productDescription" class="productDetail">
<?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>
 
 <?php echo zen_image(DIR_WS_IMAGES . zen_get_products_manufacturers_image($_GET['products_id'])); ?> 
</div>
<br class="clearBoth" />
<?php
  }
?>
<!--eof Product details list -->

<!--bof free ship icon  -->
<?php if(zen_get_product_is_always_free_shipping($products_id_current) && $flag_show_product_info_free_shipping) { ?>
<div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>
<?php } ?>
<!--eof free ship icon  -->
</div>
</div>
<br class="clearBoth" />
<hr />

<div id="productPurchaseBox">
<div id="buybox">
<!-- product attributes moved-->

<!-- Add to cart moved-->


</div>

<div id="QuantityDiscountsBox">
<!--bof Quantity Discounts table -->
<?php
  if ($products_discount_type != 0) { ?>
<?php
/**
 * display the products quantity discount
 */
 require($template->get_template_dir('/tpl_modules_products_quantity_discounts.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_products_quantity_discounts.php'); ?>
<?php
  }
?>
<!--eof Quantity Discounts table -->
</div>
</div>
<br class="clearBoth" />



<!--bof Prev/Next bottom position -->
<?php if (PRODUCT_INFO_PREVIOUS_NEXT == 2 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>
<?php
/**
 * display the product previous/next helper
 */
 require($template->get_template_dir('/tpl_products_next_previous.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_products_next_previous.php'); ?>
<?php } ?>
<!--eof Prev/Next bottom position -->

<!--bof Tell a Friend button -->
<?php
  if ($flag_show_product_info_tell_a_friend == 1) { ?>
<div id="productTellFriendLink" class="buttonRow forward"><?php echo ($flag_show_product_info_tell_a_friend == 1 ? '<a href="' . zen_href_link(FILENAME_TELL_A_FRIEND, 'products_id=' . $_GET['products_id']) . '">' . zen_image_button(BUTTON_IMAGE_TELLAFRIEND, BUTTON_TELLAFRIEND_ALT) . '</a>' : ''); ?></div>
<?php
  }
?>
<!--eof Tell a Friend button -->

<!--bof Reviews button and count-->
<?php
  if ($flag_show_product_info_reviews == 1) {
    // if more than 0 reviews, then show reviews button; otherwise, show the "write review" button
    if ($reviews->fields['count'] > 0 ) { ?>
<div id="productReviewLink" class="buttonRow back"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS, zen_get_all_get_params()) . '">' . zen_image_button(BUTTON_IMAGE_REVIEWS, BUTTON_REVIEWS_ALT) . '</a>'; ?></div>
<br class="clearBoth" />
<p class="reviewCount"><?php echo ($flag_show_product_info_reviews_count == 1 ? TEXT_CURRENT_REVIEWS . ' ' . $reviews->fields['count'] : ''); ?></p>
<?php } else { ?>
<div id="productReviewLink" class="buttonRow back"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS_WRITE, zen_get_all_get_params(array())) . '">' . zen_image_button(BUTTON_IMAGE_WRITE_REVIEW, BUTTON_WRITE_REVIEW_ALT) . '</a>'; ?></div>
<br class="clearBoth" />
<?php
  }
}
?>
<!--eof Reviews button and count -->


<!--bof Product date added/available-->
<?php
  if ($products_date_available > date('Y-m-d H:i:s')) {
    if ($flag_show_product_info_date_available == 1) {
?>
  <p id="productDateAvailable" class="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_AVAILABLE, zen_date_long($products_date_available)); ?></p>
<?php
    }
  } else {
    if ($flag_show_product_info_date_added == 1) {
?>
      <p id="productDateAdded" class="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_ADDED, zen_date_long($products_date_added)); ?></p>
<?php
    } // $flag_show_product_info_date_added
  }
?>
<!--eof Product date added/available -->

<!--bof Product URL -->
<?php
  if (zen_not_null($products_url)) {
    if ($flag_show_product_info_url == 1) {
?>
    <p id="productInfoLink" class="productGeneral centeredContent"><?php echo sprintf(TEXT_MORE_INFORMATION, zen_href_link(FILENAME_REDIRECT, 'action=url&goto=' . urlencode($products_url), 'NONSSL', true, false)); ?></p>
<?php
    } // $flag_show_product_info_url
  }
?>
<!--eof Product URL -->

<!--bof also purchased products module-->
<?php require($template->get_template_dir('tpl_modules_also_purchased_products.php', DIR_WS_TEMPLATE, $current_page_base,'templates'). '/' . 'tpl_modules_also_purchased_products.php');?>
<!--eof also purchased products module-->

<!--bof Form close-->
</form>
<!--eof Form close-->

<br class="clearBoth" />

</div>

[Ajeh]

The display price is generated by a function ...

It might be easier, at this time, to adjust the function itself ...

You could also make it so that the price is done the normal way it is now, but when on the product_info it manages the price display differently ...

Note: there are no overrides on functions and in a future release this will be more easily managed in the templates so you do not have to fool with the functions ...

The functions_prices.php has 1 function zen_get_products_display_price to manage all display of the product price except for the shopping_cart and the checkout_xxx pages ...

If you are careful, you can get very creative in here ...

[Xaria]

Thanks Ajeh.

I was able to get the prices to display on separate lines by making just a few tweaks.

Now I will play around to add the text before the prices....
Will let you know how it goes...

Err... Where should I define the extra constants?? in extra_definitions/MyTemplate/product_info_display......

Is that correct..?
Anyways i'll try upon it

[Xaria]

Well I was a bit hesitant to use to extra definitions... So I hard coded int the function_prices.phpand modified function zen_get_products_display_price

Around line 223

if ($display_special_price) {
      $show_normal_price = '<span class="normalprice">' .  'USUAL' . '&nbsp;' . $currencies->display_price($display_normal_price, zen_get_tax_rate($product_check->fields['products_tax_class_id'])) . ' </span>'; 

And around line 235

else {
          $show_special_price = '<br />' . '<span class="productSpecialPrice">' .  'NOW' . '&nbsp;' . $currencies->display_price($display_special_price, zen_get_tax_rate($product_check->fields['products_tax_class_id'])) . '</span>';
        } 

[Ajeh]

That is what /extra directories are for ...

These load at the right time to add things like this ... so you don't need to touch the main language file or filename file or database table file or functions files ...

You can call them anything as they are self loading ...

I call them something significant like:
ajeh_defines.php
ajeh_functions.php

or make it part of the code I am working on:
ajeh_functions_prices.php

something that reminds you why you made them is the idea here ...