Bag Size Side By Side
Four bags drawn to one scale with SVG silhouettes and spec rows, the size answer photos never give.
Four bags drawn to one scale with SVG silhouettes and spec rows, the size answer photos never give.
The Ecommerce Collection unlocks the source for every Ecommerce block. All Access unlocks every Collection.
Already purchased? Log in
Bag Size Side By Side answers the scale question product photography refuses to. The first table row is four inline SVG silhouettes, a tote and three packs, drawn to one shared ratio so the size difference is visible before the numbers. The lede names the problem plainly: “Product photography makes every bag the same size, the frame does that.”
Bags and rows are two arrays. The silhouette approach is the point: line drawings cannot lie about scale the way a cropped photo can.
Reach for this block on a size guide or collection page where a buyer is deciding between models, not just colorways. The SVG dimensions must stay tied to the published bag measurements or the honesty inverts.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the four bag lineup at published scale. Other comparisons:
Tip: “Photos get to lie about scale, line drawings do not” is the caption beneath the table; the footer turns the SVG choice into an explicit promise.