HOW-TO: Image Preparation

**Icecube** · 19 Apr 2012, 08:42 PM

Hi all, I just have to say that it is amazing how this Zen Cart community is so helpful, I really appreciate it.

My issue is in regards to the Product imagLayout. ( I hope I'm in the right forum)

Here is a link to my issue. I'm using version 1.5.

http://babiesbigandtall.com/shop/ind...&products_id=9

My problem is 2-fold: Firstly I would really like to have my add to cart (and applicable discounts) to be just to the right and in line with the attributes. The idea is that everything is compact with the least amount of scrolling. Also a customer must choose from the attributes in order to have an accurate price for their product.

And secondly, I would love if the image with the weight/height scale ( please ignore the quality, it's a test) could squeeze between the product image and additional images. I don't really want it to be a part of the product image itself.

Thanks so much for any one who can help this new zenner.

**schoolboy** · 19 Apr 2012, 10:21 PM

Love the idea of clothes for larger babies... Great!

However... I think you are missing a trick here.

IMAGES are the single most important aspect of product descriptions and they should be nice and BIG so all the detail can be seen - or at least use a good HOVER feature to magnify the thumbnail.

Kill your right column on the product_info page. It's not necessary, and just adds to the clutter. (SEE: tpl_main_page.php for right-column disable on specific pages).

When you have gotten rid of the rt column, and made your images BIG so they can be seen, then re-visit other layout options.

I always plan my layouts around IMAGES FIRST...

See an example

**windsurfer** · 19 Apr 2012, 11:20 PM

Hi Icecube
Another example here for you, all in css styling and rerouting the tpl_product_info_display.php layout

**Icecube** · 20 Apr 2012, 01:19 PM

Thank you both very much. I managed to work out the add to cart with your advice.

The only thing left that I can't figure out is how to sharpen my weight/height scale image without having it stretch all the way across the screen and overextend past the right border. When I enlarge it in illustrator I get the correct sharpneess, but that's what it does. Is there a way to constrain the size of the image despite its size in illustrator?

http://babiesbigandtall.com/shop/ind...&products_id=9

Here is a page where the images are sharp but constrained (what I want to do)
http://babiesbigandtall.com/shop/ind...index&cPath=48

Thank again