How does product media work (gallery, thumbnail, default placeholder)?

Product images are stored as polymorphic MediaAsset records that reference the product as owner, with a role (Main, Gallery, etc.) and a sort order, and are processed (via ImageSharp) into multiple sizes — a large version and a thumbnail. So a product can have one main image plus an ordered gallery of additional images, and list views load fast thumbnails while detail pages show large…

Product images are stored as polymorphic MediaAsset records that reference the product as owner, with a role (Main, Gallery, etc.) and a sort order, and are processed (via ImageSharp) into multiple sizes — a large version and a thumbnail. So a product can have one main image plus an ordered gallery of additional images, and list views load fast thumbnails while detail pages show large images. If a product has no image at all, the system automatically supplies a default placeholder, so listings and pages never render broken or empty image slots. Media can also be attached to variants and other entities using the same model.