The first thing we need to do is remove that Right Hand Side Column totally. There is only one way to do this and this is to open up each of the main .php files in turn (eg index.php, product_info.php etc) and remove the following portion of code:
<td width="<?php echo BOX_WIDTH; ?>"
valign="top"><table border="0" width="<?php echo
BOX_WIDTH; ?>" cellspacing="0" cellpadding="0">
<!-- right_navigation //-->
<?php require(DIR_WS_INCLUDES .
'column_right.php'); ?>
<!-- right_navigation_eof //-->
</table></td>
Save your work, and upload each file you just removed the column code from to overwrite the old files! Your site should now look like this:
Unfortunately, this is not the end of our work to these files :( We also need to strip out and change some standard Oscommerce code. So once again, open up each main .php file in turn and:
Amend from this (approx line 27):
<body marginwidth="0" marginheight="0" topmargin="0"
bottommargin="0" leftmargin="0" rightmargin="0">
to this:
<body>
Why: We will be able to replicate all of this using our file stylesheet.css
Amend from this (approx line 33):
<table border="0" width="100%" cellspacing="3"
cellpadding="3">
to this:
<table border="0" width="100%" cellspacing="0"
cellpadding="0">
Why: We do not need spacing or padding as we will be doing this in the stylesheet.css
Amend from this (approx line 35):
<td width="<?php echo BOX_WIDTH; ?>" valign="top">
to this:
<td class="left-column" width="<?php echo
BOX_WIDTH; ?>" valign="top">
Why: We have only added a stylesheet class “left-column” - to allow us to give the column some style.
Amend from this (approx line 35):
<table border="0" width="<?php echo BOX_WIDTH; ?>"
cellspacing="0" cellpadding="2">
to this:
<table border="0" width="<?php echo BOX_WIDTH; ?>"
cellspacing="0" cellpadding="0">
Why: We do not need padding as we will be doing this in the stylesheet.css
Amend from this:
<td width="100%" valign="top">
to this:
<td width="100%" valign="top" class="main-content">
Why: We have only added a stylesheet class “main-content” - to allow us to give the main content area some style. Note that the file index.php requires you to do this in three places!
And finally, remove this (found immediately before the ending </body> tag):
<br>
Why: We will be able to replicate this (if required) using the file stylesheet.css
You must do this for each and every main .php file. Save and upload them. don't worry too much about the reasons why we made those changes – I'll be going into more detail about that later on.
to be continued...
