Review rating stars are ‘hollow’

Hey,

Thank you for sharing that with us!

I’ve gone ahead and reported this to the developers for now and we’ll reach back with more information about this.

Cheers

Hi there,

We’ve re-tested this and it appears to be a conflict with one of your plugins.

In our testing, we discovered that WooCommerce Product Search was the culprit here and the styling worked as intended once it was deactivated. If you have the same plugin on your site, please note that I’ve already notified the plugin developers about this.

Warm regards,

Hi Robert,

I don’t have the Woocommerce product search plugin on my store. The following plugins are active – Akismet, Code snippets, Contact form 7, Customer reviews for Woocommerce, strong testimonials, Sticky add to cart for Woocommerce, Siteorigin CSS, Salert, Pixelyoursite, mystickyelements, mobile menu.

Hey @mysellzer,

I encourage you to run a conflict test for now by disabling the other plugins, especially, Contact form 7, Customer reviews for Woocommerce, strong testimonials, Sticky add to cart for Woocommerce, Siteorigin CSS, Pixelyoursite, mystickyelements, mobile menu for now. If this doesn’t help, please try to disable all the other plugins as well. Here’s a guide on how to achieve that:

https://docs.woocommerce.com/document/how-to-test-for-conflicts/

I hope this helps!

Hello @mysellzer, @robertghetau ,

I have the same issue as @mysellzer, stars are displaying as empty on my store as well while I know I have good reviews on my products.

I don’t think it’s a plugin conflict because I have tested by plugin disable/enable, theme disable/enable and it only happens with Storefront.

I have further checked in the code and found what’s causing the issue : it’s related to the fact that FontAwesome, the font used for displaying those stars, has been updated and changed it’s way of working with unicode display.
Check it here :
https://fontawesome.com/icons/star?style=solid
https://fontawesome.com/icons/star?style=regular
It uses a “fas” class now to separate the full star from regular empty star which seems to be the default display and has it’s own class “far”.

I think it can simply be solved by Woocommerce dev team adding a “fas” class (for full star as seen on Fontawesome above) on the span that’s displaying the full stars when the rating is positive.

And Storefront dev team should adjust the CSS code in icons.css at the same line height than the hollow star underneath so it displays cleanly.

I tested that out and it works perfectly : https://postimg.cc/GHmjzZqm
I just didn’t adjust line height on that shot but I also tested that after taking it and it’s working.

@robertghetau could you help us out and get this issue to be repaired by the respective dev teams ?

Thank you

@lmvn Thanks for pointing out the issue.

@robertghetau Please look into this matter.

Btw, the stars appear perfectly when I roll back to previous versions of the theme. Please fix it. Thanks.

@mysellzer You’re welcome. To what version did you roll back while waiting for the issue to be fixed ?

Bonjour même problème chez moi, étoile creuse! merci de faire le nécessaire

@mysellzer Can you please answer my question about the version ? I may have the knowledge but I’m not part of the dev team and it’s not up to me to fix this issue so please share the version you rolled back to in order to temporary help us. Thanks.

@lmvn Sorry for responding late. I rolled back to version 3.0.0 and was able to get the stars back in normal state. You’ll find it here – https://github.com/woocommerce/storefront/releases

@mysellzer Thanks a lot !
@robertghetau Could you help us out please ?
@chezlibellule Je pense qu’en anglais ils comprendront mieux ?? A part ?a, si ?a peut aider une solution temporaire à été proposée par mysellzer.

@lmvn merci mais pour les novices comme moi, c’est un peu complexe, je vais attendre sagement qu’il corrigent le beug :/ merci beaucoup

I’ve got the same issue

Any fixes for this? Kind of ridiculous….

Hey folks,

Apologies for not addressing this earlier. Let’s try to figure this out again.

I will go ahead and check this on a vanilla Storefront on my end. I will then report this to the devs if I can confirm that it is a bug and keep this thread updated.

Cheers!