SizeFit
a plain size table of measurements, with a cm / in switch and a first column that stays in view
role: product pages: product motion: micro
Install
npx shadcn-vue@latest add @trame/commerce-size-fit # Vue
npx shadcn@latest add @trame/commerce-size-fit # Reactchart
@trame/commerce-size-fit--chart a plain size table of measurements, with a cm / in switch and a first column that stays in view
finder
@trame/commerce-size-fit--finder a shopper who knows one measurement: they type it, the nearest size of the merchant’s own table lights up with its row, nothing is guessed beyond the table
size-picker
@trame/commerce-size-fit--size-picker a shopper who already hesitates between two or three sizes: the sizes as chips, the chosen one shows each measurement large with where it sits in the merchant’s own range; reads well on a phone where a wide table does not