Modify Product Info with Multiple Photos

[fantasygoat]

I know how this works by default, but take a look at my layout right now:

http://store.popfuel.com/index.php?m...&products_id=5

What I want is to put the second photo right beside the first one on the right.

I've spent a couple of hours figuring out variables in PHP and going down the 2 different levels of TPL files.

If I have to hard code the layout, fine. I don't care. There will never be less than 2 pictures and never more than 2 pictures.

Any help?

Also, I want to put the attribute dropdowns beside the price - that one is probably easier.

Thanks...

[kobra]

Unless you resize something there is currently no additional room for another image next to the one there.

[fantasygoat]

Of course there's room, you just have to make the text block smaller. That wasn't my question.

Looking at the code, it would seem like the additional images CSS tags are pulled from a database somewhere instead of from the stylesheets. Modifying the main 00 stylesheet entries for additional images has no effect.

Can anyone point out where I can control that image's placement?

[DrByte]

Why don't you just edit the tpl_product_info_display.php and move this section:

<!--bof Additional Product Images -->
 <div id="productAdditionalImages">
.................
</div>
<!--eof Additional Product Images -->

beside this section:

<!--bof Main Product Image -->
 
<div id="productMainImage" class="centeredContent back">
...............

</div>

<!--eof Main Product Image-->

And probably remove the

class="centeredContent back"