Why aren't review numbers displaying next to stars on my product pages?

Store Design
, ,
1

Hello,

On my collection and product pages, the number of reviews is not showing next to the stars. How can I make this appear?

URL: www.jolie-couture.com

Thanks!

2 Likes
2

Always backup themes and files before making changes.

You’d need to edit .rating-text class in component-rating.css , and should also remove the aria-hidden=“true” attributes in the card component and other areas where the rating is rendered.

You could also try a custom-css setting with the following CSS band-aid but that leaves behind the aria-hidden=“true” undermining accessibility:

.rating-text { display: inline-block !important; }

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

If you need this customize and styled for you then contact me by mail for services.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Contact info in signature.

Good Hunting

3

Hi @JC2023

Trt this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.rating-text, .rating-count {
    display: unset !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
4

THANK YOU

1 Like
5

Hi @JC2023

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.rating-text, .rating-count {
    display: unset !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly