I'm not done with the page, it still needs a proper background and I plan on adding in an Ajax tooltip in which the different categories will be explained/compared, etc (and I need to fix a VERY annoying firefox only css bug), but that gives a rough idea of how you can specify a category image for a BTO table. 

 

Sadly, the steps I used along the way became VERY complicated, so it may not be possible for me to include a step by step guide to accomplishing this.  I can however provide the time and resources to modifying your site if you'd be interested in a quote.

 

My email is deacon@dtyler-photography.com

 

Thanks!

 

I've done this on a custom PC site I worked on last year, but I can tell you with complete sincerity that it is not worth the hassle.  It usually requires a new database entry, CSS entries and a great deal of modification to configureprd.asp and configureprdcode.asp (at least how I originally did it).

 

And when the next update is made, the modifications break.

 

HOWEVER, there's a much easier way - create an empty table in configureprd.asp to the left of your options and then make a new class in pcstorefront.css with the following attributes:

 

#example {

position: relative;

left: (you'll have to play with this to get it just right, but you're aiming for a number of pixels left of where the image would normally show);

top: (you'll have to play with this to get it just right);

 

And then in the item description, you'll want to add a <div id="example"> class and link the image in there.

 

Rereading my own instructions confused the heck out of me, but it's easier than I make it seem.

 

If your category image is large (more than 50px), you might instead want to use position:absolute, but the placement is much trickier.

 

 

I'm in the midst of making viewprd.asp layout changes to another site, but it's not ready for showing publicly yet.