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

Product Breakdown Stars

Display stars in a product rating breakdown.

Setup steps

  1. Open the FramerWoo plugin and insert Product Breakdown Stars.
  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 Stars displayed in a Framer customer reviews summary with its property controls open
Insert Product Breakdown Stars in a review summary to visualize the current product's average rating.

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 Stars component
Product Breakdown Stars controls for review data, average rating, star color, and outline color.