About this block

Price Breakdown Rows opens the cost sheet of one flagship product, the full retail price split into rows with proportion bars, a note per line, and the margin admitted rather than hidden. The lede states the stakes, a price you cannot inspect is just a number.

Lines are one array of label, amount, share, and note, summed to a full retail total. The margin row is the content, a breakdown that stops before profit is only marketing.

When to use

Reach for this block on a pricing transparency page or a product page for makers whose costs are genuinely a strength. Every note should carry a source or a number, the bars turn the sheet into something a buyer can read at a glance.

A natural flow around it on an Ecommerce Pro page:

Before

• Materials provenance

After

• Pricing transparency
• Product grids

What you can display

One strong use is a product cost sheet down to margin. Other breakdowns:

• Subscription cost. Where each monthly charge goes, line by line.
• Service quote. The hours and overheads behind a fixed price.
• Bundle math. How a set is cheaper than its parts, shown rather than claimed.

Tip: the margin row does the real work, a breakdown that names its own profit is the line competitors will not print.