Move product image on product display

Hi guys,

Here is a page from my site under contruction:

http://www.securitybestbuy.com/store/index.php?main_page=product_info&cPath=23_24&products_id=14

I would like to move the image to the right of the description, rather than where is it by default on the left. I only want to do this so that if the description is in two parts (like that page) the paragraph and table are lined up.

Is this possible?

Hello, here's something you can try.

Find 'tpl_modules_main_product_image.php' in the templates directory and copy it to your custom folder. Look for the entry id="productMainImage" and change this to id="image"

Add the following to your stylesheet:

#image {float:right;
padding-top: 1em;
padding-bottom: 1em;
}

Upload and test.

Patrick

What's the purpose of changing the very specific #productMainImage to #image?
You will achieve the exact same results by just styling #productMainImage.

Also, if your only concern is keeping the parts of the description together and to the right of the image, you can give #productDescription a padding-left: 160px; or whatever you want.

I just added "float: right" to the CSS....

man I can't believe I missed that.