XAMPP problem - php pages just show code, don't build page

<?php
ini_set('display_errors', 'On');
//ob_start("ob_gzhandler");
error_reporting(E_ALL);

// start the session
session_start();

$dbHost = 'localhost';
$dbUser = 'root';
$dbPass = '';
$dbName = 'esite';

// setting up the web root and server root for
// this shopping cart application
$thisFile = str_replace('\\', '/', __FILE__);
$docRoot = $_SERVER['DOCUMENT_ROOT'];

$webRoot = str_replace(array($docRoot, 'library/config.php'), '', $thisFile);
$srvRoot = str_replace('library/config.php', '', $thisFile);

define('WEB_ROOT', $webRoot);
define('SRV_ROOT', $srvRoot);

<?php
require_once 'config.php';

$dbConn = mysql_connect ($dbHost, $dbUser, $dbPass) or die ('MySQL connect failed. ' . mysql_error());
mysql_select_db($dbName) or die('Cannot select database. ' . mysql_error());

function dbQuery($sql)
{
    $result = mysql_query($sql) or die(mysql_error());
    
    return $result;
}

function dbAffectedRows()
{
    global $dbConn;
    
    return mysql_affected_rows($dbConn);
}

<?php
if (!defined('WEB_ROOT')) {
    exit;
}

$product = getProductDetail($pdId, $catId);
$shippingRow=$product;
// $pd_name, $pd_price, $pd_description, $pd_image, $cart_url
extract($product);
?>


<table bgcolor="FFFFFF" width="95%" border="0" cellspacing="0" cellpadding="3">
<tr> <a name="up">
 <td><img src="<?php echo $pd_image_path; ?>" width="286" height="341" border="0" alt="<?php echo $pd_name; ?>"></td>
 <td width="100%" valign="top">
<strong><?php echo $pd_name; ?></strong><br>
<?
//$today=date("Y-m-d");
$compareDate1=date("Y-m-d",mktime(0,0,0,date("m"),date("d")-28,date("Y"))); // -28 = 4 weeks
$compareDate2=date("Y-m-d",mktime(0,0,0,date("m"),date("d")-21,date("Y"))); // -21 = 3 weeks
$compareDate3=date("Y-m-d",mktime(0,0,0,date("m"),date("d")-14,date("Y"))); // -21 = 3 weeks
$compareDate4=date("Y-m-d",mktime(0,0,0,date("m"),date("d")-7,date("Y"))); // -21 = 3 weeks

// is it newer than 4 weeks?
if ($pd_date > $compareDate4)
  {echo "<img src='images/new1.gif' alt='new' /><br />";
  }
        // is it newer than 3 weeks?
elseif ($pd_date > $compareDate3)
  {echo "<img src='images/new2.gif' alt='new' /><br />";
  }
// is it newer than 2 weeks?  
elseif ($pd_date > $compareDate2)
  {echo "<img src='images/new3.gif' alt='new' /><br />";
  }
// is it newer than 1 week?  
elseif ( $pd_date > $compareDate1)
  {echo "<img src='images/new4.gif' alt='new' /><br />";
  }


?>
<font color="red"><strong>Item code:</strong></font> <? echo $pd_code;?><br />
<br><font color="red"><strong>Price:</strong></font> <?php echo displayAmount($pd_price); ?><br />
<br /><font color="red"><strong>Available:</strong></font> <? echo $pd_qty;?>
<br /><br /><font color="red"><strong>Shipping:</strong></font>

<br /><strong>UK:</strong></font> &pound;<?echo $pd_price_uk;?><br />
<strong>Europe:</strong> &pound;<?=$pd_price_eu?><br /><strong>Rest of World:</strong> &pound;<?=$pd_price_us?>
<br /><font color="red"><strong>Delivery OUTSIDE UK:</font></strong> buyer<strong> MUST </strong>also<br />purchase Mail Insurance<br />from the site's <a href="http://wafuku.co.uk/index.php?c=2083">Mail Insurance</a> section</font>
<br /><br />

<?php
// if still have this product in stock
// show the 'Add to cart' button
if ($pd_qty > 0) {
?>

<input type="button" name="btnAddToCart" value="Add To Cart &gt;" onClick="window.location.href='<?php echo $cart_url; ?>';" class="addToCartButton">
<?php
} else {
    echo "<strong><font color='#FF0000'>Sold</font></strong>";
}

?>
<br /><br /> Full postage &amp; insurance<br />details on Postage Page<br />

 </td>
</tr>
<tr align="left">
 <td colspan="2"><?php echo $pd_description; ?></td>
</tr>
</table>