To ensure that your product-related images appear properly on the xTupleCommerce website, we suggest using the following sizes:
Item Group Image Sizes
- Item group image - 160px wide x 90px tall
Product Image Sizes
- Horizontal Product Image - 1000 x whatever is needed
- Vertical Image - whatever is needed x 1000
- Maximum Size - 1000 x 1000
- Minimum Size - 360 x 360
More information about Product Images
The product images are added to the item master in the ERP. The images are automatically resized for the various places they are used which include:
- All Products Page (thumbnails)
- Product Details - Main Image
- Product Details - Thumbnails
- Product Details - Magnification
- Suggested Items (thumbnails)
To optimize the user's experience we suggest using large images (maximum of 1000px x 1000px) then letting the system scale them down.
All Products Page - The space that is available for images on the All Products page is 260 x 135. Images that are larger will be sized down to fit in this area and stay in proportion to the original size.
Product Details Page - The space that is available for images is 360 x 360 however, larger images can be used. If the Product image is larger than 360 x 360, when the user rolls over the image with their cursor, a “Magnifying Glass” will zoom into the area that the cursor is over.
Recommended Product Image Size - The best product images are in ratio to 237x125. This size is a perfect fit for the Products page. If you increase this to be a perfect fit for the Product Details page, the size would be 360 x 190. Images in ratio to these sizes will render the best on the website. The ideal Product Image size is 1000 x 528, but we understand not all product images will fit into that space in an optimal fashion.
More image information
To learn more about Image Sizes for xTupleCommerce, see this xTupleU article