Skip to content
Product rating
Overview
A comprehensive product rating display block that renders the rating information for a product. The block supports various styling options, alignment controls, and responsive visibility settings to seamlessly integrate with different product layouts and themes.
Common use cases
- Configure the product resource setting to specify which product's rating to display
- Display product ratings on product pages and product cards
- Show customer reviews and ratings to build trust
Block settings
General
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals icon type, icon display, and visibility | Checkbox (default: false) |
Content
| Setting | Description | Options |
|---|---|---|
| Product | Select the product to display rating for | Product picker |
Spacing
| Setting | Description | Options |
|---|---|---|
| Enable horizontal padding | Adds horizontal padding around the rating | Checkbox (default: false) |
| Enable top padding | Adds top padding around the rating | Checkbox (default: false) |
| Enable bottom padding | Adds bottom padding around the rating | Checkbox (default: false) |
Color
| Setting | Description | Options |
|---|---|---|
| Text color | Controls the text color | • Default (default) |
Style
| Setting | Description | Options |
|---|---|---|
| Icon type | Shape of rating icons | • Star (default) Visible when Icon display != 'none' and Show advanced settings is on |
| Icon display | Controls how rating icons are displayed | • None Visible when Show advanced settings is on |
| Icon style | Style variant for rating icons | • Classic (default) |
| Icon size | Size of rating icons | 10 - 100 px (default: 14) |
| Font family | Controls the font family used for rating text | • Standard |
| Font size | Controls the font size of rating text | • Smaller |
Layout
| Setting | Description | Options |
|---|---|---|
| Horizontal alignment | Controls horizontal alignment | • Left (default) |
Display
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |