About this block

Attribute Ratings Breakdown splits the reviews section in two, the overall average with its star row and sample size on the left, four sub scores for durability, comfort, value, and shipping on the right. Each sub score carries a bar meter and one anchoring quote, so the number never stands alone.

The bars are div meters since they render four known values, per the collection chart rule. Attributes are one array, and the copy makes the method explicit, every reviewer scores all four before an overall star is allowed.

When to use

Reach for this block when a single star average is hiding real variation, a product that is built well but priced high, or comfortable but slow to ship. Breaking the score into attributes answers the question behind the question.

A natural flow around it on an Ecommerce Pro page:

Before

• Product overview whose rating links here

After

• Review cards grid with the reviews behind the scores
• Size and fit for the comfort detail

What you can display

One strong use is the four attribute breakdown for a single product. Other cuts:

• By category. The attributes that matter for luggage versus apparel.
• Service scores. Delivery, packaging, and support as their own bars.
• Before and after. Sub scores split across a product revision.

Tip: pair each attribute with a real reviewer quote, the bar gives the size and the quote gives the reason, one without the other reads as marketing.