1. What is Product score?
The Product score block lets you display product attributes using a bar or icon scale, helping customers quickly understand a product’s quality, performance level, or suitability.
2. How to set up Product score?
STEP 1: Add Product score block to the product page
Go to Product page where you want to add product score, under Product information section, add Product score block.
STEP 2: Add block heading
Click on the block to open its settings panel, then enter a Heading for the block.
STEP 3: Customize how the block displays
- At Maximum score, set the total possible score.
- At Active score, enter a number to highlight the product’s actual score (e.g., 2 out of 5). Note that only integers are accepted.
👉 If you want to customize the score for each product, use a metafield with type ‘Integer’. Refer to the metafield setup guide for more details.
- Enable Fill up to active score to fill the bar or icons up to the active score.
- Choose Score color.
- At Display type, choose how the product score is displayed:
|
Bar |
|
Enable to Show labels below the bar. If enabled, you can set left/middle and right label. |
|
Icon |
|
4 ways to define the icon style:
|
STEP 4: Click “Save” when done.
