X-Cart forums

[sam754]

I'm running XC Pro and providers will be uploading product images of varying sizes and proportions. About 60% of the images will be "portrait" orientation (higher than they are wide) and 40% will be landscape (wider than they are high).

I'm trying to decide on the best template setup that will result in a clean, orderly appearance on the product listing pages.

I'll probably use boxes to outline each product as in:
http://www.rubylane.com/antiques.html
but would appreciate any other suggestions or links to good examples.

Also, if I wanted to set a standard image size that would be the most versatile and would work well with most images, what's the best width-to-height aspect ratio to use (e.g. a square image (100%), 67%, 80%, etc.)?

Thanks for any comments.

[balinor]

Square images always work best from a product layout stanpoint, as that way all of the thumbails, prices, titles, etc line up. You could just have your providers use a uniform canvas size, or you could code a fixed height/width table cell for the product images and have the the images float within it, no matter what the orientation.

[williamteh]

Is there a way to control manufacturer/provider upload product image lenght and width ?

[Thedae2k]

yes you can...do you have any image mods installed right now? Like TeleFirmas...his takes over all images and makes for some needed workarounds.

[williamteh]

No, I didn't...is the image mod free and where can I get it?

[Thedae2k]

The best way is to use square images as Balinor suggested above then you don't need to modify any code. Plus that solves any future issues with overlaying images on top of each other in dynamic image mods like TelaFirmas mod. You can force the width of an image in product.tpl


{include file="product_thumbnail.tpl" productid=$product.productid image_x=$product.image_x image_y=$product.image_y product=$product.product tmbn_url=$product.tmbn_url id="product_thumbnail" type="P"}

[williamteh]

sorry, may i know how to edit the code in product.tpl?

is it with this command <td height="25" width="30%"></td>?

[Thedae2k]

change the image_x=$product.image_x in the code above to image_x=200

or whatever your desired width is

[cosy]

How do i edit to fixed size?

{include file="product_thumbnail.tpl" productid=$product.productid image_x=$product.image_x image_y=$product.image_y product=$product.product tmbn_url=$product.tmbn_url id="product_thumbnail" type="P"}

[balinor]

General Settings/Appearance Options