Product Comparison
A comparison table for three packs, with prices as column headers, feature rows mixing counts, text, and check marks, and a buy button row.
A comparison table for three packs, with prices as column headers, feature rows mixing counts, text, and check marks, and a buy button row.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Product Comparison lays three related products side by side in one table. The header row names each pack, Everyday Pack and Monochrome Pack at $29 and the Complete Suite at $79, with a Best value chip on the largest. Six feature rows follow, mixing counts (presets included), text values (free updates, license scope), and included or not included marks drawn with Check and Minus icons. A final row repeats a buy button under every column.
The packs are one array and the feature rows another, so each cell reads its value by pack id. A small CellValue helper renders booleans as an icon with a screen reader label and strings as plain text, which keeps the table accessible. A closing line offers upgrade credit to anyone who already owns a smaller pack.
Reach for this when a buyer is choosing between a few versions of the same work and needs the differences laid out in one view. The installer swaps the pack names, prices, and feature rows to match their own line up.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the preset pack comparison. Other comparison uses:
Tip: keep the rows a buyer actually decides on; a short honest table beats a long one padded with rows everyone already expects.