Support » Plugin: WooCommerce » Woocommerce Product Reviews Display Poorly

  • Resolved Edwin

    (@mmhgloba)


    Hello,

    When a website visitor clicks on a reviews link in the woocommerce reviews widget it does not display the review, instead it shows the related products. This is what it does on desktop firefox browser, in Chrome browser on desktop it is not much better. In mobile, the landing page for the product review also displays very poor.

    In all options the visitor would have to scroll up after clicking the link to find the product review. When the customer clicks on the reviews link it should clearly display for them.

    Visit my customer reviews page and click on a review in the sidebar you will see what I mean. You can also find reviews in the footer.

    Can you assist? If so, please send code to improve the landing page results for the review when they click on the link. As you know reviews are very important.

    Thank you for your assistance.
    Edwin

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Remi Corson

    (@corsonr)

    Automattic Happiness Engineer

    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!

    Plugin Support Remi Corson

    (@corsonr)

    Automattic Happiness Engineer

    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.

    Plugin Support Remi Corson

    (@corsonr)

    Automattic Happiness Engineer

    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.

    Plugin Support Remi Corson

    (@corsonr)

    Automattic Happiness Engineer

    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!

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.