box around product image

[rickiesdiscount]

ok i know it is probably simple but how do i put a box around my main product image on my product page like the box around the add to cart button on my product page

http://www.rickiesdiscountelectronic...ory-21468.html

and like they have around their product image on this page:
http://www.echo-electronics.com/dual...ck-p-1280.html

i know you have to modify the tpl_product_info_display right?

what code do i need to add in order for it to do that?

thanks in advance.

[knuckle-101]

This is done with css using classes not hard coding. Borders is basically all you need for that class

For example

#productMainImage { width: 255px; height: 255px; margin: 0 1em 1em 0; padding: 5px; border: solid 1px #c0c0c0; }

of course adjust the style the way you like but this is what is used on that website.

[rickiesdiscount]

thanks, i appreciate it...i knew it had to be something simple...if i wanted to do it around the product description i could do basically the same thing right

[knuckle-101]

Yes, find the class to that section and add to it.

 
border: solid 1px #c0c0c0;

Change the border size if you wish just change 1px and to change color change #c0c0c0

[rickiesdiscount]

How do you move the shopping cart total up in the header like in that website?...ive tried using cart summary sidebox, but everytime i do the words are either below my header image or above it i have no idea how to get it on top of the header image like in the site i listed....

ive also been wanting to have my search bar on top of my header image...like in the site i listed below...i actually want to put it in the same spot...do you know how do accomplish this?

i deleted the header bar a while back because i didnt want it...is it not gonna be possible without that?

http://www.sonicelectronix.com/


i appreciate all your help thanks

[knuckle-101]

The shopping cart totals in the header on this particular website is custom coded into its design however you can start here with this module from the downloads

http://www.zen-cart.com/index.php?ma...roducts_id=498

Even though it is set for 1.3.7 if you are using 1.3.8a it may work but have not tested it. So backup before attempting.

ive also been wanting to have my search bar on top of my header image...like in the site i listed below...i actually want to put it in the same spot...do you know how do accomplish this?

This is also custom coded. Use the search code form the default template and integrate it into your own design

[rickiesdiscount]

appreciate the answer i figured it would take custom coding to do that....

I have the borders/boxes working around my product description and everything but they do not display properly in mozilla....i added the code you mentioned....but the bullet points are outside of the border box in the product descriptions and the border around the product image on the product page doesnt even show up at all...

Please help thanks
http://www.rickiesdiscountelectronic...d-tv-2886.html

there is just an example page but it does it on all product pages obviously..

[rickiesdiscount]

does anyone know why this doesnt display correctly in mozilla?

[knuckle-101]

This is all stylesheet related and you will have to work with it to make it align properly and so on..

I would use the developer tool for FF to fix this it is a designers best friend. There is more to it then just adding a single line of style.

http://www.w3schools.com/css/ maybe be of some assistance

[first trading]

nice job rikkies discount....................don't suppose you could tell me how you got the product description part to have those clickable tabs at the top so i could get the same thing on my site. i'd like my product description to be like yours.

cheers.

http://www.actionfigures4u.com/index...roducts_id=328