Add the Review summary block (star rating)
Show stars and up to two lines of text near your product title. You type the rating. The block doesn't read a review app.
The Review summary block shows stars with up to two lines of text, like "Rated 4.7 excellent | 921 reviews". You set the stars and type the text. The block doesn't read ratings from a review app.
Before you start
You need Section Store Plus or its free trial.
Add the block
- In Shopify admin, open Apps → Section Store → Conversion Blocks.
- On the Review summary card, click Edit In Theme.
- Pick your theme. Your live theme has a green dot.
- The theme editor opens on your product template with the block added.
- Drag the block near your title or price.
Set your rating
- Under Stars, set Stars count. It runs from 0 to 5 in steps of 0.5.
- Under Second text, replace "Rated 4.7 excellent | 921 reviews" with your real rating.
- Under First text, add a line above the stars if you want one. It starts empty.
- Click Save.
Settings
- Stars: Star style (Standard, Mild, Sharp), Stars custom, Stars count, Size, Stars gap, Star, Star background and Unfilled star. Star background shows for Standard only.
- Avatars: Avatars (None, First, Last), Size and Animate avatars.
- First text and Second text: Text, Font size and Color.
- Appearance: Border, Thickness, Color, Roundness, Background, Background gradient and Effect (None, Subtle shadow, Soft shadow, Glow).
- Padding: Top, Bottom, Inner vertical and Inner horizontal.
- Custom CSS.
Good to know
- Avatars are sample portraits. They change on each page load, and you can't upload your own. Set Avatars to None to remove them.
- Stars custom uses your image for each full star. A count of 4.5 shows four images. Half stars work only with the built-in styles.
- Glow needs a Background.
- The rating is the same on every product that uses the template. To change the text per product, connect Text to a metafield.
If it doesn't work
- It shows 4.7 and 921 reviews: that's sample text. Replace it.
- It doesn't match my review app: the block isn't connected to one. Type your rating.
Related
- Do the Review summary and Reviews blocks connect to my review app?
- Add the Reviews block (review cards)
- Why do my blocks show sample names, reviews or photos?
Also searched as: star rating, stars, rating stars, rated excellent, review stars, trustpilot style stars, average rating, review summary, rating under title, review count
Did this answer your question?