ProductOverview
product · 5 variants · pages: productnpx shadcn-vue@latest add @trame/commerce-product-overview # Vue
npx shadcn@latest add @trame/commerce-product-overview # React-
split@trame/commerce-product-overview--splitthe gallery with its thumbnails beside a buy box: the default for any product with a few pictures
-
minimal-spec@trame/commerce-product-overview--minimal-specone picture, the options and a definition list of facts: a catalogue with few photos or technical goods
-
stacked@trame/commerce-product-overview--stackedevery picture in full, one under the other, beside a buy box that stays in view (a carousel on a phone): fashion and objects with many photographs, where the pictures sell
-
mosaic@trame/commerce-product-overview--mosaicone lead picture and the others as a two-column grid under it, the buy box beside: a product with 3 to 7 pictures of equal interest (a bag, a jacket)
-
filmstrip@trame/commerce-product-overview--filmstripa strip of landscape pictures edge to edge, then the facts, the buy box and the description side by side: furniture and wide objects photographed in rooms