How to align the main and additional product images in the listing?

Hello:

I've looked through the forums and didn't see any threads on how to place an additional image under the main image in a product listing. I needed to move it up because I also have attributes on this page and wanted the product photos be together. I did that but can't make them align to the left. What am I doing wrong? Thanks in advance for your help!!! The page in question is below:

http://www.mishutkadesign.com//index.php?main_page=product_info&cPath=1&products_id=184

Try to look in the download section and search for Additional Images CSS mod.

Hope that helps.

THANK YOU, miles! Thanks for pointing out this download. I saw the thread, tried to read it and was lost in the discussion. It makes sense how they did it and it works great! :smile:

I do have one thing still that's driving me crazy (because I don't see what's causing it!)--the additional image seems to have a margin or padding on the left... It's probably in my CSS, I've been over it three times and I don't see it. HELP!

http://www.mishutkadesign.com//index.php?main_page=product_info&cPath=1&products_id=184

The best way I can come up with is this, take a look at your stylesheet and locate this,

#productAdditionalImages { 
    float: left;
    margin: 0em 1em 1em 0em;
    }
```change it to this

#productAdditionalImages {
float: left;
margin: 0em 1em 1em -1.3em;
}

I tried your suggestion, but it didn't change anything...

I FINALLY found the root of the problem. Apparently, at some point I downloaded Columnar Display Mod and it added a table with padding around this additional image. I replaced tpl_columnar_display.php with the original file. :bigups:

Do you mean as I have here?
If so, you simply need to look for the additional images code in product info template and move it to after the main image code.
Then you need to change the display of additional images (in admin) to 1.

If not then please explain more.

Yes, I wanted the images to be in a vertical row like yours. But my common/tpl_columnar_display.php file was not a default file, but a modified one (I downloaded Column Grid Mod) with a table in it. The padding in the table was causing the images to shift to the right. Once I used the default common/tpl_columnar_display.php file and followed the steps described in Additional Images Mod download, the problem was fixed. Thanks!

ive installed the additional images mod and find it to be awesome but now i cannot view a larger image of my product which is necessary to see the detail in my items.

how do i bring this feature back?