Shopify product images: add clothing photos to the right variant

Start with the garment you sell

These dark indigo jeans are the source for the campaign results below. The full-length view and closer styling view serve different browsing needs. Neither establishes how a particular size will fit a customer.

For your store, choose one real garment and color first. Keep its original photograph available while you review new scenes. If you sell a second wash, use that wash’s own source and results; a changed background is not a new color variant.

Create the missing view in Fotogenic AI

1. Open Fotogenic AI and choose Create Photos from Explore. Under Product photos, click Add product photos and select your garment reference.
2. Use CUSTOM INSTRUCTIONS to describe the view you need. For a full-length styling image, specify the complete waistband and hems, a believable location and unobstructed garment. Use the optional Model and Environment controls when they help define that view.
3. Open Fine-tune, then Camera. Use Shot Size to choose the framing, such as Wide for a complete outfit or Close-Up for a supporting detail. Set Aspect ratio, Quality and Images for the intended placement. Review the credit estimate before clicking Generate.
4. Compare the returned garment with your source. Open Your Library, open the approved result, then click Download image. Keep rejected results out of the upload folder.

For a more detailed guide to directing the shot, use the composition and lighting walkthrough. Here, the next decision is where the approved image belongs in Shopify.

A close-up can invent texture or fastenings that the input does not resolve. Use an actual detail photograph when that feature needs to be exact. A generated model image is styling content, not size-chart evidence.

Map the jeans images before uploading

Use this handoff for one indigo product with several size options. The sizes share the same visible garment design; no different-size fit claim is implied.

• Product-only photograph: use as the main media when shoppers need the clearest identification of the jeans. Keep it in the product gallery.
• Full-length worn result: add as a supporting gallery image to show the wide-leg silhouette in an everyday setting. It can also be the assigned variant image if it clearly identifies the exact color being selected.
• Closer styling result: keep in the supporting gallery. Do not assign it as the only variant preview when the crop hides which garment or wash the customer selected.
• Second wash or different construction: prepare its own matching photograph. Do not assign the indigo result to it merely because the product title is similar.

Handoff: Indigo jeans, all available sizes. Main media: product-only photograph. Variant preview: the approved indigo full-length image. Supporting gallery: full-length styling image and closer styling view. Other washes: separate matching images.

Keep the mapping with the approved files so whoever uploads them knows which image to assign and which views belong only in the gallery.

Upload and choose the main product image

1. In Shopify admin, open Products and select the clothing product.
2. In Media, choose Upload new and select the approved files. Use Select existing if they are already in the store’s files.
3. Drag the intended main image into the first position. Keep the other views in a deliberate browsing order.

See Shopify’s product-media instructions for the current upload and main-media controls.

Assign the image to the correct variants

1. On the product page, go to Variants and click the image icon beside the variant.
2. Select the matching image, or use Add image to upload it. Click Done, then Save.
3. When several sizes need the same image, select those variants with their checkboxes. Open the three-dot menu, choose Add images or Edit images, select the image, then click Done and Save.

For the indigo jeans, sizes can share the same assigned preview when the photograph represents the same visible product. Keep any other wash out of that selection. Assigning one preview does not hide all the other gallery images when a customer changes an option.

The one-image-per-variant behavior and assignment controls are documented in Shopify’s variant-image guide.

Check the selection on your storefront

Open the product as a shopper. Select the indigo option, then each size, and check which image becomes active. Switch to another wash if you sell one. The image must identify that wash rather than retain the indigo preview.

On a phone, swipe through the supporting gallery after selecting the variant. Confirm that hems and waistband remain visible in the full-length view. If unrelated images remain in the gallery, do not regenerate the photos to fix it: gallery filtering is a separate theme behavior from assigning a variant image.

If the wrong preview appears, first recheck the saved variant assignment and selected options. If the assignment is correct but the storefront does not follow it, investigate the theme’s variant-media behavior. Keep the previous media order available until the new arrangement works.

For the broader workflow and product surface, see Shopify product photography with Fotogenic AI.