Create WooCommerce shortcode to display product reviews on single product page

Question

I'm trying to generate a shortcode that gives me the option to display the reviews/ratings of a WooCommerce product anywhere on the single product page.

So far, the reviews are displayed by default in the reviews tab. I have already deactivated this tab. So I want to list the reviews further down below the product description where I add the shortcode.

Important: I don't want to enter the id of the product manually in the short code, it should be automatically dragged from the current showing product.

Here is my code:

add_shortcode( 'product_reviews', 'display_product_reviews' );
function display_product_reviews( $atts ){
    $atts = shortcode_atts( array(
        'id' => get_the_id(),
    ), $atts, 'product_reviews' );

    global $product;

    if ( ! is_a( $product, 'WC_Product') )
        $product = wc_get_product($atts['id']);

    $comments = get_comments( 'post_id=' . $atts['id'] );
    
   if ( ! $comments ) return '';
    
   $html .= '<div class="abc"><div id="reviews"><ol class="list">';
    
   foreach ( $comments as $comment ) { 
      $rating = intval( get_comment_meta( $comment->comment_ID, 'rating', true ) );
      $html .= '<li class="review">';
      $html .= get_avatar( $comment, '60' );
      $html .= '<div class="comment-text">';
      if ( $rating ) $html .= wc_get_rating_html( $rating );
      $html .= '<p class="meta"><strong class="woocommerce-review__author">';
      $html .= get_comment_author( $comment );
      $html .= '</strong></p>';
      $html .= '<div class="description">';
      $html .= $comment->comment_content;
      $html .= '</div></div>';
      $html .= '</li>';
   }
    
   $html .= '</ol></div></div>';
    
   return $html;
}

On single product page, I add this shortcode: [product_reviews]

Unfortunately, something is not working here...

I tried different code variations without success.

I have tested it and its working. Do you have any reviews ?

Snuffy
– Snuffy

2024-05-28 10:50:09 +00:00
Commented May 28, 2024 at 10:50 — Snuffy
– Snuffy, Commented May 28, 2024 at 10:50

LoicTheAztec · Accepted Answer · 2024-05-31 01:11:00Z

1

You can try to use the following improved code version of your shortcode:

add_shortcode( 'product_reviews', 'display_product_reviews' );
function display_product_reviews( $atts ){
    $atts = shortcode_atts( array(
        'id' => get_the_id(),
    ), $atts, 'product_reviews' );

    global $product, $post;

    if ( ! is_a( $product, 'WC_Product') ) {
        $product = wc_get_product($atts['id']);
        $post    = get_post($atts['id']);
    }
    
    ob_start(); // start buffering

    comments_template();
    
    return ob_get_clean(); // Return buffered content
}

Code goes in function.php file of your child theme (or in a plugin). Tested and works.

Important note:

If you are using a block theme and If you use single product Blocks, maybe you should use the product reviews Block, instead of a custom shortcode.

edited May 31, 2024 at 1:11

answered May 28, 2024 at 12:12

LoicTheAztec

257k25 gold badges403 silver badges451 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Lars Over a year ago

Thank you very much. I add your code to functions.php via WP-Code. I activate the Snippet and put the following Short-Code into the single product template: [product_reviews] Save it but it seems not to work. At the top of the product page I see the summary: 1 Rating (5 stars) But I don't see the review it self with the text at the point, where I add the shortcode. What did I do wrong? Many thanks, Lars

Lars Over a year ago

I think comments_template() is only working for posts, not for products, isn't it? But I'm not really sure ... sorry

LoicTheAztec Over a year ago

Note that comments_template() is used by WooCommerce itself to display the product reviews... see github.com/woocommerce/woocommerce/blob/release/9.0/plugins/… … I tested my code on Storefront theme and the shortcode works displaying the same content as the "reviews" product tab.

Lars Over a year ago

Ok thanks. I use the SwiftStore blocks theme wordpress.org/themes/swiftstore. Is there a way how I can debug it? Other shortcodes on same page/template works. Many thanks for your help.

LoicTheAztec Over a year ago

If you are using a block theme and If you use single product Blocks, maybe you should use the product reviews Block, instead of a custom shortcode.

|

Collectives™ on Stack Overflow

Create WooCommerce shortcode to display product reviews on single product page

1 Answer 1

Important note:

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Important note:

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related