FrameWoo
Components / Product
P
woo-product-rating

Product Rating

Display average rating and star summaries.

Setup steps

  1. Open the FramerWoo plugin and insert Product Rating.
  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 Rating displayed on a Framer product card with review data connected in the property panel
Insert Product Rating inside the product CMS context, then connect its product and review fields.

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 Rating component
Product Rating controls for review access, CMS bindings, maximum rating, and visible rating details.
Product Rating Style controls showing star, text, font, SVG, and spacing options in Framer
Open Rating Style to configure stars, text colors, SVG artwork, typography, sizing, and spacing.