Product Review Tab Layout

Hello,
how can I change the layout of the review tab on single product page?

Now the reviews are shown on the left half of the tab and the form on the right half.

I would like to have the form on top and the reviews below, everything in wull width, for example.

Is this somehow possible?

Thanks for your help

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woocommerce-Reviews {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}
body .woocommerce-Reviews #comments, 
body .woocommerce-Reviews #review_form_wrapper {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
body .woocommerce-Reviews #comments {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
body .woocommerce-Reviews .commentlist {
    margin-top: 20px;
    margin-bottom: 0;
}

Best Regards

Amazing,
Thank you very much for this fast help!
It’s exactly what I needed, but now the latest reviews are shown at the bottom.

Another follow-up questions on the review tab:

1. Now it shows latest review on last position. Is it possible to add a sorting dropdown where users could sort for example in “Latest review”, “Oldest Review”, “Best rated” , “Worst Rated” ?

2. Now an unlimited list of reviews is shown on the tab. Is it possible to show only a specific number of reviews and then a “show more” button or pagination ?

3. Now the list of reviews is mixed up in ratings. Is it possible to add a filter where the user can filter ratings by their star rating?

Thank you for your support!
Greetings

Hello,

Such functionality would require complicated customization not covered by our support. You will have to find a plugin which would provide all the functions you need.

Best Regards

[Author]

Posts