Product Rating
Product Rating displays the current product's WooCommerce rating and associated review information. WooCommerce must be installed and active.
Add and configure Product Rating
- Click Add, choose Product Rating, and place it in the container.
- Place the element inside Product Builder.
- Preview a product with a rating.
- Configure Design > Layout, Stars, Typography, and Spacing.
- Save your changes.
Keep the required parent context
Product Rating must be inside Product Builder, Fundamental Product Builder. Layout containers can sit between the parent and this element. Configure the product or checkout context on the parent.
This element has no children; use its own controls.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Design > Layout
| Setting | Purpose and options | Behavior |
|---|---|---|
| Stacking | Horizontal, Vertical. | Responsive |
Design > Stars
| Setting | Purpose and options | Behavior |
|---|---|---|
| Color | Color or supported fill. | Shared |
| Size | Size and unit. | Responsive |
Design > Typography
| Setting | Purpose and options | Behavior |
|---|---|---|
| Link | typography controls. | See linked controls |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| After Stars | After stars and unit. | Responsive |
| Container | spacing controls. | See linked controls |
Troubleshooting
The rating is absent
A product without qualifying reviews may have no rating output. Check the actual product review data.
An empty rating leaves extra space
Review the surrounding layout gap and whether the rating element should be included for products without ratings.