GlemorDocs
Team guide

Product photography

Every product currently renders a generated visual. Drop in a photo and it takes over.

There are no photographs in the shop yet. Every product renders a hand-built composition instead — a wash of that scent's own colour, a drawn bottle outline, a horizon line and a fine grain. It is deliberate art direction, not a broken image, so the shop can go live before the photography is finished.

The moment a product has a picture, the picture wins. Nothing else has to change, and you can do this one product at a time.

The way the team does it

Upload the photo as the product's Thumbnail in the Medusa admin:

  1. Products, then the product you are replacing.
  2. Upload the file into the product's media, and set it as the Thumbnail.
  3. Save.

Within five minutes the shop shows the photograph instead of the generated visual. If you remove the thumbnail again, the generated visual comes back — nothing breaks in between.

How to shoot it

  • Portrait, 4:5. Every frame on the site is 4:5, so anything else gets cropped and you will not be the one choosing where.
  • Cream background. The site's paper is a warm cream, and a pure-white cut-out reads as a hole punched in the page.
  • About 1600px on the long edge. Bigger is wasted; smaller goes soft on a laptop.
  • Glemor's own photography only. No stock lifestyle imagery.

The other way, for developers

The shop keeps a built-in copy of the catalogue that it falls back to when the admin is unreachable. Photographs for that copy live in the storefront repo:

  1. Put the file at apps/storefront/public/products/<handle>.jpg — the handle is the product's handle, so public/products/woody-muse.jpg.
  2. In apps/storefront/src/lib/products.ts, set image: "/products/woody-muse.jpg" on that product.

That path only affects the fallback catalogue. For the live shop, the thumbnail in the admin is the one that counts.

On this page