Star rating displays

Stars are the most-scanned visual element in e-commerce. Shoppers scrolling through a shop grid zero in on ratings before they read prices or descriptions. Having them present and correctly styled, or missing them entirely, is one of those details that compounds into real conversion lift.

On the product page

Trustie replaces WooCommerce’s default product-page rating with its own summary block. Removes the stock woocommerce_template_single_rating hook, adds its own richer rendering at the same position. The replacement block shows your aggregate rating, your review count, and in Trustie Pro with a custom form builder form that collects demographics, any custom rating metrics break out underneath (fit rating, comfort rating, whatever you’ve asked for). One visual treatment, your brand’s colour, your Designer-configured star size.

The block links straight to your reviews section lower on the page so a shopper who’s interested in the details is one click from reading them.

On shop archives and category pages

WooCommerce’s own loop-rating template renders stars in the shop grid, pulling from the _wc_average_rating product meta. Trustie doesn’t swap that hook — the native WC template is good enough for grid cards — but Trustie does two things with it:

• Feeds it. Reviews collected through Trustie update _wc_average_rating so the grid-card stars reflect your full review dataset, not just the native WC comments that predate Trustie.
• Styles it. The star colour, empty-star colour, and size inherit from your Brand Hub CSS variables, so the grid-card stars match the product page (gold, coral, teal, whichever brand colour you’ve configured).

You get consistent visual treatment across the shop without Trustie having to maintain a separate archive rendering layer.

Shortcodes to drop stars anywhere

For places that aren’t product pages or loops, Trustie provides shortcodes:

• — stars for the current product (or a specified product ID). Minimal render: stars + rating value.
• — compact rating badge with stars and review count (“★★★★☆ 127 reviews”). For inline use in marketing copy, widget areas, thank-you pages.
• 5.0

  3 reviews

  5

  3

  4

  0

  3

  0

  2

  0

  1

  0
  — a fuller summary block with per-star distribution bars (how many 5-star, 4-star, etc.). Useful on dedicated “Why shop with us” pages or landing pages.

Drop any of these into a block editor, a page builder’s Shortcode block, a widget area, or a template PHP file.

Star size

The star display size is configured once in Trustie > Designer, as a numeric pixel size that applies across all star renderings. Brand Hub CSS variables control the filled and empty colours. The styling flows through to every surface that renders Trustie stars — product pages, shortcodes, reviews page, floating widget.

Products with no reviews yet

A product with zero approved reviews renders no rating element by default on Trustie’s product-page block, so shoppers aren’t greeted by an empty five-star row that advertises “nobody’s reviewed this yet.”

On the shop archive and category pages, WC’s native behaviour is to hide the stars when the product has no reviews, so the behaviour is consistent there too. Both surfaces show stars once the product has reviews; before then, they show nothing.

Schema integration

The stars on the product page include proper JSON-LD AggregateRating schema (see the Rich snippets feature). Your product listing in Google search can show stars, review count, and average rating as a rich snippet.

Stars in shop archives don’t duplicate the product schema (the schema belongs on each product’s own page), but the aggregate data shown in the archive stars is the same data Google reads from the product page schema, so the two stay consistent.

Theme compatibility

The product-page block uses WooCommerce’s woocommerce_single_product_summary hook, which is the standard way WC-compatible themes compose the product page. Works with any theme that honours that hook (virtually all WC-compatible themes).

For themes that customise the product page heavily via a page builder (Bricks, Elementor, Breakdance, etc.), Trustie’s shortcodes let you place the rating block wherever you want manually.

Are you considering Judge.me, Yotpo, or Stamped widgets?

Judge.me, Yotpo, and Stamped all ship their own star display widgets — small JavaScript-rendered snippets that fetch data from their own review systems and render star ratings inline. They work well and are polished out of the box.

Trustie’s stars function this way: rendered server-side using your Brand Hub styles, pulling from data already in your WordPress database, no external script fetching required. Lighter on page weight and without the third-party request.

The fit: if you’re using one of those review platforms, their widgets are what match their data. If your reviews live in Trustie, Trustie’s stars are the ones that reflect them.

Why consistent stars matter

The inconsistent-stars problem is widespread on WooCommerce shops: stock WC stars on shop archives (grey, hard to see, inconsistent size), a review plugin’s differently-styled stars on the product page, and maybe a third-party widget’s stars on a testimonial. Shoppers subliminally pick up on the mismatch, and it reads as “not quite finished.”

When every star on every surface uses the same colour, the same size, the same rendering, the shop looks put together. That’s mostly what Trustie’s star setup is optimising for — not flashy displays, just consistent ones.