Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #264451
    Edwin
    Participant

    Hello,

    When a website visitor clicks on a reviews link 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 reviews page here and click on a review in the sidebar https://goldenbuddha.net/customer-testimonials/ 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 for the review when they click on the link. As you know reviews are very important.

    Thank you for your assistance.
    Edwin

    #264502
    Skandha
    Keymaster

    @mmhgloba: Hello Edwin,
    Can you please try contacting the WooCommerce Plugin support regarding this issue as the Recent Review widget comes from the plugin.

    Kind Regards,
    Skandha

    #264632
    Edwin
    Participant

    Hi Skandha,

    Yes, I agree it is a Woocommerce widget. I posted in the WordPress forum and Woocommerce is not able to assist, it is worse than I expected. They are not helpful at all. I am very frustrated about it.

    Would you be able to write css code to correct the link target? Ideally, it should look like this. https://goldenbuddha.net/wp-content/uploads/2020/11/reviews.jpg it should display properly across devices and browsers.

    Can you assist? Please give it a try when you have time.

    Thank you,

    Edwin

    #264706
    Skandha
    Keymaster

    @mmhgloba: Hello Edwin,
    Can you try removing the Review widgets in the footer and check if the reviews in the sidebar points to the review?
    I think as the same id is being use in the product review content and the footer widget it is pointing to the footer review.

    Let me know if this improves how the review link is working.
    Kind Regards,
    Skandha

    #264713
    Edwin
    Participant

    Hi Skandha,

    Thanks for looking into this.

    I removed the reviews widget from the footer, but there are still issues.

    In Firefox desktop and mobile the review does not display at all. Here is a screenshot of the link target is the related products.

    In Chrome desktop and mobile, it displays the written review, but only the text. You cannot see the gold stars, verified owner’s name or the product name.

    Is there some way way can to make the link target display correctly in different browsers on all devices? Such as in the previous example: https://goldenbuddha.net/wp-content/uploads/2020/11/reviews.jpg

    Thanks for your assistance,
    Edwin

    #264824
    Skandha
    Keymaster

    @mmhgloba: Hello Edwin,
    I am not sure if I can help you with this as this seems to be depend on the browser. Nevertheless I will look into the issue and get back to you.

    Kind Regards,
    Skandha

    #264914
    Skandha
    Keymaster

    @mmhgloba: Hello Edwin,
    There seems to be a scrolling issue with Firefox browser when an anchor id is used. This article might be helpful to you.

    Kind Regards,
    Skandha

    #264921
    Edwin
    Participant

    Hi Skandha,

    Yes, that solved it, so it will display the review in Firefox correctly. My only wish is that the link target could be moved up slightly to display the customer name and gold stars.

    Is this possible with css code?

    Either way, thanks for taking the time to give me the solution.

    Edwin

    #265059
    Skandha
    Keymaster

    @mmhgloba: Hello Edwin,
    Since the theme has a fixed header by default that block the customzer name and review stars. You will need to remove the fixed header inorder to display the customer name and gold stars.

    Kind Regards,
    Skandha

    #265061
    Edwin
    Participant

    Hi Skandha,

    If I wanted to test it how would I remove the fixed header? What would be the impact on the website display?

    Thank you,
    Edwin

    #265065
    Skandha
    Keymaster

    @mmhgloba: Hello Edwin,
    To remove the fixed header
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

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

    Let me know if this works out!
    Kind Regards,
    Skandha

    #265066
    Edwin
    Participant

    Hi Skandha,

    PERFECT! Thank you so much. It works just as intended now in both browsers and devices.

    -Edwin

    #265067
    Skandha
    Keymaster

    @mmhgloba: Glad I could help you out. Have a great weekend! 🙂

    Kind Regards,
    Skandha

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Woocommerce Product Reviews Display’ is closed to new replies.