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:
- Products, then the product you are replacing.
- Upload the file into the product's media, and set it as the Thumbnail.
- 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:
- Put the file at
apps/storefront/public/products/<handle>.jpg— the handle is the product's handle, sopublic/products/woody-muse.jpg. - In
apps/storefront/src/lib/products.ts, setimage: "/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.