Woocommerce Product Reviews Display Poorly

Hi there,

By default the link to a review looks like so:

https://goldenbuddha.net/product/chuchepa-mahakala-sculpture/#comment-603

but you can choose to link to the reviews tab instead so that the visitor is redirected to the reviews instead with a link like:

https://goldenbuddha.net/product/chuchepa-mahakala-sculpture/#tab-title-reviews

But the initial is actually correct since it does point to the review: https://d.pr/i/B8JC95

I don’t see any major issue, it’s working as expected.

Hello,

Always nice to hear from a Woocommerce “happiness engineer”. The only thing surprising about your reply is that you did not try to shift blame onto the theme.

I checked on both the links you sent in Chrome and Firefox desktop browser. No part of the review is at all visible in Firefox browser for both links. Additionally, only the first link barely displays the written review in Chrome at the very top of the page. However, the center of the page is clearly focused on the related products – not the review. The second link does not display any part of the review in Chrome browser

Even for Woocommerce your reply is very poor indeed, half ass and completely worthless.

Does anybody else have any input about this? Preferably an independent developer or website owner who has noticed this issue and is willing to share an effective solution?

Thanks!

Hi there Edwin,

Thanks for the kind words, it’s always appreciated to be treated that way when trying to help someone.

Back to the issue.

Let me explain how this works: The reviews widget adds a list of links that point to the corresponding product page and within that page, it targets a specific element which is the comment ID, see:

– https://d.pr/i/UB1xtK

So, on your site, the link is absolutely correct.

But, and you’re right on that, when you click on the widget link, it seems that the section that is displayed is the up-sells section.

But there a reason for that. There’s only one single review, and this review is short. If there were more reviews you’d see this instead: https://d.pr/i/vUmEOa

I’d suggest that for testing purposes you add a couple of reviews and see the difference.

Finally, any independent developer or website owner who has noticed this issue and is willing to share an effective solution will confirm that the link target is correct ??

The review only displayed in one of the examples, that was out of four options. Even so, it is barely visible.

So the link target is correct apparently, it is barely acceptable on one example, and erroneous (does not display the review at all) in the other three examples. This is only in desktop, I have not checked mobile yet. However, I can assume it is at least as bad on other devices.

The link target would not be so worthless if the person who clicked on it could actually see the review including the gold stars and name of the verified owner. If so, the link would actually be helpful especially if it more easily seen.

You seem to think that the “review” link target going to the wrong destination or poorly displayed destination is correct. This is a totally half ass arrogant response. It is wasting my time to have to explain the obvious.

Common sense would suggest that a correct link target would properly display the review, even if there is only one review. This should also be applicable on different devices and different browsers.

Can you assist by correcting the link target? If not, please stop wasting my time, it is better to receive no reply at all.

Hey Edwin,

I’m really sorry to waste your time, however, your top menu height is 35 px, and it’s hiding the reviews title and stars by default when the widget links are clicked, to solve this, simply add:

div#main-wrapper {
    margin-top: 35px;
}

Result: https://d.pr/i/ZPuJtt

Anyhow, at this point, I’d strongly suggest you contact the theme author since this is a theme related tweak.

Stay safe, and enjoy the rest of your day.

Your CSS code creates a blank white space above the secondary and primary menu bars in the header on all devices. Additionally it does not display the review properly anyway.

I think it is best if you stop posting here, you are incompetent. This is very frustrating. I am no longer going to recognize your replies it is spam.

Please go away.

I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

The happiness troll arbitrarily marked the issue as resolved. Obviously, he did not assist in any way.

However, my theme developer assisted to resolve it. I will post the solutions below.

1) The Firefox browser does not scroll to the Anchor links tag position, this is a well documented issue and it is not theme specific.

The solution is to post some javascript in the footer.php file and copy it to the child theme. This will resolve the issue in Firefox on both desktop and mobile devices. The reviews will display much better, even if there is only one.

The details are posted here:

https://getgui.com/blog/web-development/firefox-not-scrolling-to-anchor-links-tags-position-solution/

2) To better position the review so the verified owner’s name and gold stars appear, it is necessary to use some CSS code.

This issue may have been theme specific because the header is fixed. Nonetheless, it resolved the issue in all devices and all browsers. If you have a fixed header give this a try.

The solution is to place following code in Customizer> Additional CSS:

#masthead.fixed-header {
position: unset;
}

This worked in my theme and there was no other impacts in the header or elsewhere. The reviews display much better and will have greater effect!