FrameWoo
Components / Product
P
woo-product-breakdown-summary

Product Breakdown Summary

Display summary text for a product rating breakdown.

Setup steps

  1. Open the FramerWoo plugin and insert Product Breakdown Summary.
  2. Place this inside a product CMS context so it can read the current product automatically.
  3. Configure the component behavior in Framer's property panel.
  4. Style its default, responsive, loading, and empty states on canvas.
Product Breakdown Summary displayed in a Framer customer reviews summary with its property controls open
Insert Product Breakdown Summary in a review summary to display supporting text based on the current review count.

Property panel

Use Framer's controls to connect context and match your visual system.

Context
Controls the WooCommerce or CMS data source used by the component.
Content
Controls visible labels, values, formatting, and empty-state copy.
Style
Controls typography, colors, spacing, alignment, and responsive behavior.
Framer property controls for the Product Breakdown Summary component
Product Breakdown Summary controls for review data, count, summary template, color, and typography.