Size Variant Comparison
Three sizes with relatively scaled images and packed lists instead of liters.
Three sizes with relatively scaled images and packed lists instead of liters.
Search blocks by description or jump to a page.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Size Variant Comparison shows the same product in three sizes with the images scaled relative to each other, small renders at three quarters width, and the deciding data as packed lists, laptop 13 a book and lunch, because the lede is right, nobody thinks in liters. Dimensions stay in mono for the tape measure minority.
Sizes are one array, the relative image scaling is the quiet visual argument.
Reach for this block on products sold by size where the wrong size drives returns, totes, pouches, cases. The packed list per size converts capacity from abstraction to recognition, that is my exact load.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the three size family in contents. Other comparisons:
Tip: the relative image sizing does half the work, three identical squares with different labels is how stores cause the returns this block prevents.