How do you adjust the layout of the additional images?

Hello Good People,

I have been searching the forums and I just can’t find where this is.

I have added additional images to a product using Image Handler 2. The layout of the small images are not laid out the way I want them. They are somewhat centered and with much space between them. I would like them aligned left and with much less space between them.

Does anyone know what in the stylesheet or what template file I must alter?

Thanks a bunch!

I like the style of your cart. I have no programming skills. Can you help me out? Check out my shop. I like your side nav way better than mine. Much more of a classy feel like the rest of my site.

http://www.justaddwordsonline.com/store/

Thank you very much! I feel all warm and fuzzy inside. :wub:

I am a professional designer so don't feel bad if you don't just pop out amazing websites and shopping carts.

I would recommend that you start with olds fashioned pen and paper and sketch out what you would like your cart to look like. Then I would recommend you get really cozy with CSS. My favorite book is CSS: The Missing Manual by O'Reilly. It's great for learning and as a desk reference. To make a Zen Cart look the way you want it to, you need to do aloooooot of custom CSS work. My side nav is all new CSS.

Once you know what you want to do to a sidebox tile or border, etc. then you can ask a specific question to the fine folks over in the Stylesheet section. The possibilities are endless!

And so I ask, does anyone know where to adjust the additional image alignment and spacing?

I need to know that too, I have some products with a lot of images, and it flat out just puts them all over the place!

It dosen't help my situation but if you need to adjust how many images per row you have go in the Admin

Configuration > Images > Product Info - Number of additional images per row

Cienwen:

It dosen't help my situation but if you need to adjust how many images per row you have go in the Admin

Configuration > Images > Product Info - Number of additional images per row

Try adding this to your stylesheet.css

#productAdditionalImages {
margin: 0;
padding:0;
float:left;
width:40%;
}

That's it!!!!!! :clap:

Thank you Clyde. I just could not find that on my own.

Cienwen:

That's it!!!!!! :clap:

Thank you Clyde. I just could not find that on my own.

Glad to help

Thank you as well Clyde and Cienwen, I think I now know how to fix my problem as well!