by ShopSite Lauren » Mon Jun 06, 2011 11:39 am
I understand what you are describing now. I had thought you were talking about additional products like related products (cross sell or subproduct), but you were referring to the output by the template tag [-- MoreInfoImageRow --]. The main product image is in a div, and you can specify the dimensions of that div by going to Preferences > More Info Page. Then the smaller images are all in a div, then in a table within that div. You can specify the number of images per row by going to Preferences > More Info Page. For your page, you will want to go to Preferences > More Info Page, enter the dimensions for the main image to be just slightly larger than your largest image in that spot. That way, if any of your images have hspace or vspace, the image won't create scroll bars in that area, you give them a little room to have space if they happen to. Then, on that same screen you will want to specify that you want 1 image per row, this will stack your additional images vertically. The rest you would modify with CSS. Now I did notice that you have your main image div (Preferences > More Info) set to 230, and you also have that entire area for the image (part of your template) set to 230, but this does not leave any room for you to re-position the thumbnails to be next to the image. You will want your image area in your template to be around 280px, then your image div created by ShopSite can be 230, and your thumbnail image div can be between 45 and 50 pixels wide. To have the main image and the thumbnails next to each other you will want to float the main image div to the left with clear: none;. You can then either float the thumbnail image div right or left, and either way it will be next to your main image div.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.