Placement of Additional Image

[mdegeiso]

Okay, I was able to get the additional images working and after seeing that it put them on the bottom I decided to see if I could move them. I moved it up under the price where I wanted it in my templates tpl_product_info_display.php file and moved it to the right using the CSS file (text-align: right;) . Now I would like to move it up so that it is tucked in nicely under the price and next to the main picture. See the below link

https://www.twowheeltannery.com/inde...s_id=226&zenid=

Any help would be appreciated.

Mike

[jettrue]

Okay, I was able to get the additional images working and after seeing that it put them on the bottom I decided to see if I could move them. I moved it up under the price where I wanted it in my templates tpl_product_info_display.php file and moved it to the right using the CSS file (text-align: right;) . Now I would like to move it up so that it is tucked in nicely under the price and next to the main picture. See the below link

https://www.twowheeltannery.com/inde...s_id=226&zenid=

Any help would be appreciated.

Mike

It can be done, though you'll need to make more changes to tpl_product_info_display.php

What I would do is create a new div, that goes around the product image, name, price AND additional images. Perhaps you can name it like this:
<div id="holder">

Now, you'll need to create another div that holds the Product Name and the Product price, perhaps you can name it like this:
<div id="namePrice">

Then you'll need to float namePrice left, and make it narrower, else it will never fit in the leftover space: #namePrice {float:left;width:250px;}

You'll want to decrease the margin on #productMainImage.

You'll need to remove the <br> that is right after:<!--eof Main Product Image-->

You'll also need to float left #productAdditionalImages, and then add a <br class="clearBoth" /> after the additional images.

I think that will get you most of the way there!