Customizing Product Information Area

[Goanna]

I would like to customize a site I am running OSCommerce on, and I want the product information to be displayed in an area with a purple background as well as with a graphical border using tables.

 

For instance, I use this code to wrap my header and infoboxes with,

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr height="15">
       <td height="15">
         <table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/infobox/btms.jpg" height="15">
           <tr height="15">
             <td align="left" valign="top" nowrap width="85" height="15"><img src="images/infobox/btl.jpg" alt="" height="15" width="85" border="0"></td>
             <td colspan="2" valign="top" height="15"><font size="1"> </font></td>
             <td align="right" valign="top" width="18" height="15"><img src="images/infobox/btr.jpg" alt="" height="15" width="18" border="0"></td>
           </tr>
       </table></td>
     </tr>
     <tr>
       <td>
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
           <tr>
             <td width="14" background="images/infobox/bml.jpg"></td>
             <td colspan="2" align="left" valign="top" background="images/infobox/bmbg.jpg"><font size="1" color="#FFFFFF" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">
               <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="97">
                 <param name="movie" value="http://www.designersupps.com/flash/newheader.swf">
                 <param name="quality" value="high">
                 <embed src="http://www.designersupps.com/flash/newheader.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="97"></embed>
               </object>
             </font></td>
             <td width="18" background="images/infobox/bmr.jpg"></td>
           </tr>
       </table></td>
     </tr>
     <tr>
       <td>
         <table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/infobox/bbms.jpg" height="16">
           <tr height="16">
             <td align="left" valign="top" width="85" height="16"><img src="images/infobox/bbl.jpg" alt="" height="16" width="85" border="0"></td>
             <td colspan="2" height="16"><font size="1"> </font></td>
             <td align="right" valign="top" width="18" height="16"><img src="images/infobox/bbr.jpg" alt="" height="16" width="18" border="0"></td>
           </tr>
       </table></td>
     </tr>
   </table>
   <div align="center">
     <table border="0" width="100%" cellspacing="0" cellpadding="1">
   <tr class="headerNavigation">
 </table>

 

I would like to wrap all of my content in this code, product information pages, checkout pages, etc. Basically, all of the site. I dont want any more area with white background and black text.

 

Where should I edit the Product_info.php File so that it will do this? I know I will have to make some stylesheet changes as well, but I should be able to take care of that.

[Virtual1]

Like this?

 

Poke Me

[Goanna]

Yes, like that. And my compliments to you, that is a very nice looking site!

[Goanna]

Virtual 1, can you post a copy of your product_info.php file, or tell me what you did to it so I may edit mine. Thank you.

[Virtual1]

In the head section of product_info.php add

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
 window.open(theURL,winName,features);
}
//-->
</script>
</head>

 

The button (as a text link below) is just added to your product description

<a href="javascript;:" onClick="MM_openBrWindow('mypage.htm','Window','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes
,width=350,height=500')">Open Me</a>

 

Remove the various window features and resize to suit your own needs. Replace the "click me" with an image if you choose.

 

Code by Macromedia Dreamweaver. Go to hotscripts.com for other free javascript and break your osC till it does what you want.

 

Good Day.

 

 

I said Good Day.

[Goanna]

Okay, thanks man. Ill see what I can do.

[azer]

virtual 1 , i tried but failed adding those info_back.gif to have graphicals shapes on the borders ...

 

could u post the code of your product_info.php , im sure we gonna learn a lot with it ....