Woocommerce Recent Reviews, Hide/Show Parts of the Review

  • Resolved abfchgirlx

    (@abfchgirlx)


    10 years, 2 months ago

    Hi There –

    The current Woocommerce Recent Reviews widget that comes with woocommerce shows a small icon, the title, and the stars and the user who wrote the review.

    How can I alter the code for the review to hide/show:

    – Hide The Product Title
    – Hide the product image
    – Show the actual review (what the customer said)
    – Show the Stars
    – Show the Name of the person who left the review

    Is there a wordpress function I can apply in my child theme?

    Thanks!

    https://www.ads-software.com/plugins/woocommerce/

Viewing 5 replies - 1 through 5 (of 5 total)

  • This can be achieved with some custom css:

    .woocommerce .widget_recent_reviews ul.product_list_widget li a,
.woocommerce-page .widget_recent_reviews ul.product_list_widget li a
{display:none}

    If this css doesn’t work, your theme’s markup may be different, so please post the url for your website.

    Thread Starter abfchgirlx

    (@abfchgirlx)

    Thanks for your help. It didn’t work though.

    It’s a sandbox site, I can’t make it live with weird errors on it.

    I did take a screen shot of the area I’m working with and the code.

    https://fallfordesign.com/temp/Screen%20Shot%202014-09-05%20at%2011.54.15%20AM.png

    The CSS code I have currently is to shorten the product titles that are on that same page. You can see the css is also now effecting the product reviews from reading correctly. I currently have an open ticket to try to shorten the title via function and not css. That can be found here; https://www.ads-software.com/support/topic/woocommerce-product-widget-limit-product-titles-on-home-page?replies=2

    Any suggestions would be helpful. ?? I’m completely lost. ??

    My css didn’t work because your body tag selector is .woocommerce-demo-store, not .woocommerce or .woocommerce-page as is usual for a live site, so the css needed to remove the product title and image is:

    .woocommerce .widget_recent_reviews ul.product_list_widget li a,
.woocommerce-page .widget_recent_reviews ul.product_list_widget li a,
.woocommerce-demo-store .widget_recent_reviews ul.product_list_widget li a
{display:none}

    You should leave the first two lines in so it will work when you go live.

    I can’t read the image very well, so if the css still doesn’t work, check the selectors one by one. They should be in order from the top of the page, with a . for a class and a # for an id.

    I’ll leave the other issue for the other thread.

    Thread Starter abfchgirlx

    (@abfchgirlx)

    Thanks!

    Since I needed the other parts to work, I ended up abandoning the widget that comes with woocommerce and installed a plugin and styled it with css. Now it works perfectly. ??

    Hi,
    How to created latest review show in my product
    plz help me.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Woocommerce Recent Reviews, Hide/Show Parts of the Review’ is closed to new replies.