NotShot Blog

Zen Cart product image size for clothing (2026)

Published 2026-11-01

Zen Cart is a free, open source shopping cart that you install on your own hosting. It does not ask for one fixed image size. Instead, it shows each product photo in boxes whose sizes you set in the admin, and it can use separate medium and large files. This page collects what the official Zen Cart docs say, plus the default values and display logic in the Zen Cart 2.2.2 source code, with the date we checked them, and turns that into settings for clothing photos. We make NotShot, an AI on-model photo tool, so we also cover where on-model images fit.

Lower legs of a person in mid-blue straight leg jeans with plain ankle length hems and light gray knit slip-on sneakers with pale gray soles, one foot stepping forward, on a plain light gray background.
An on-model render made with NotShot, 1194×1600 pixels and about 260 KB. In the default 150 × 120 Product Info box, Zen Cart 2.2.2 would show it at about 89 × 120 pixels, so raise the box or set its width to 0.

The three image sizes in Zen Cart

The Zen Cart docs page on preparing images (checked by us on 1 November 2026) says Zen Cart displays images in three sizes:

You set the display size of the small and medium images under Admin, Configuration, Images. The Configuration, Images docs page lists Small Image Width and Height, Product Info Image Width and Height, and Calculate Image Size. You cannot set the size of the large image: Zen Cart shows it at the dimensions you upload.

Default sizes in Zen Cart 2.2.2

The install data in the Zen Cart 2.2.2 source, the latest Zen Cart release on GitHub when we checked on 1 November 2026, sets these defaults:

All of these boxes are wider than they are tall, while a full length photo of a standing model is taller than it is wide. A store that was set up earlier, or a third party template, may use other values, so check your own settings.

How Zen Cart fits a portrait photo

With proportional images on, the image function in the Zen Cart 2.2.2 source reads the size of your file and fits it inside the width and height box while keeping its proportions. It then writes those dimensions as width and height on the same file. Zen Cart itself does not make a smaller copy, so a big upload is still downloaded at full weight in listings unless you add an image handling plugin. If the photo is smaller than the box, it is shown at its own size and not scaled up.

So a tall clothing photo in a default landscape box comes out small: it is limited by the height. Two ways to handle it:

Medium and large files with _MED and _LRG

Because one file used at every size is either heavy in listings or soft when enlarged, the preparing images page recommends three sets of files, each saved at the size you want to show. Its example uses 500 pixel square large images, 250 pixel medium and 125 pixel small, and it says 480 or 640 pixels wide is enough for the large image for most purposes. If your shoppers enlarge photos to see fabric and stitching, you may want a bigger large image than that. Do not go larger than your original photo.

The Zen Cart docs on image filename conventions set the names:

The Zen Cart docs on image popups say that since 2.0.0, clicking the main or an additional image in the Responsive Classic template opens it in a modal dialog.

Formats and file names

The preparing images page recommends .jpg for photos and .gif or .png for clip art and graphics. It says never to save photos as .gif, and notes that a .jpg cannot be transparent. File weight depends on dimensions, format and compression, so keep an uncompressed original and export smaller files for the web.

For names, it advises no spaces, no capital letters at the start or in the extension, and descriptive names that match how shoppers search, such as womens-straight-jeans-mid-blue.jpg.

Additional images for other angles and colors

Extra images use the base name plus a suffix such as _01 and _02, and load in alphanumeric order. The Zen Cart docs on additional images say they are switched on under Catalog, Product Types, Product - General, Layout Settings, Show Product Additional Images, and that since 2.1.0 the underscore must match exactly. In 2.2.0 and later, the database option for additional images lets you set Additional Images Handling to Database, install the Scan Additional Product Images to Database plugin, run the scan tool and then manage images on the product edit page.

Zen Cart image checklist for clothing

  1. Box shape: set Small and Product Info width to your column width and height to 0, or use a square canvas.
  2. Proportions: Calculate Image Size true and Use Proportional Images on.
  3. Three files: a small base image, a _MED file in images/medium and a _LRG file in images/large.
  4. Large size: big enough to show fabric when enlarged, never larger than the original.
  5. Format: .jpg for photos, with lowercase, descriptive names and no spaces.
  6. Extra views: back, side, detail and color shots as _01, _02 and so on.

Running another platform too? Compare OpenCart product image size for clothing, PrestaShop product image size for clothing and CS-Cart product image size for clothing. For lighting and backdrops, see our clothing product photography guide.

Where NotShot fits

The Zen Cart docs set no rule against models in product images, so on-model photos can sit next to your packshots as the main or additional images. Check each marketplace's own rules before you sell there. NotShot renders your garment on your own model from the product photo you already have, and every render is checked by an AI judge that compares it with your upload for color, print and cut. Renders below the quality bar are refunded automatically, so you pay for photos that pass the check, not for attempts. Plans are on the pricing page.

Questions we get asked

What image size should I upload to Zen Cart for clothing?
Zen Cart shows the large image at the size you upload it, so upload a large image at least as big as you want shoppers to see when they enlarge it. The Zen Cart docs say 480 or 640 pixels wide is enough for most purposes and that you should not go larger than the original. For fabric detail, a bigger large image helps.
What are the default Zen Cart product image sizes?
A fresh Zen Cart 2.2.2 install sets Small Image to 100 x 80 pixels, Product Info Image to 150 x 120 pixels, and the product listing, new products and featured products images to 100 x 80 pixels. Check your own values under Admin, Configuration, Images.
Why do my Zen Cart clothing photos look squashed?
If both width and height are fixed and Use Proportional Images is off, images with a different shape get distorted. The Zen Cart docs fix this by setting one dimension to 0, Calculate Image Size to true and Use Proportional Images to 1.
Which file format should I use for Zen Cart product photos?
The Zen Cart docs recommend .jpg for photos and .gif or .png for clip art and graphics, and say never to save photos as .gif. A .jpg cannot be transparent.
How do I add more images to a Zen Cart product?
Name extra images after the main image with a suffix such as _01 and _02. They load in alphanumeric order. In Zen Cart 2.2.0 and later you can also switch Additional Images Handling to Database and manage them on the product edit page after installing the scan plugin.

NotShot is a Berlin-based tool for on-model product photography without the photoshoot.
Try NotShot