Magento 2.2 move review tab below description with all product reviews

Question

I have added the following code to 'Magento_Review/layout/catalog_product_view.xml':

<move element="reviews.tab" destination="content" after="product.info.details" />

The above code moved the review tab just below product's 'Details / More Information' container.

But, the Div 'product-review-container' is empty.

Following are descriptive images of before and after moving review tab:

Before moving review tab :

---

---

After moving review tab:

Please help me in rectifying this.

Answer 1

You will also need to add the below block in your layout I have added it under <block class="Magento\Catalog\Block\Product\View\Description" name="product.info.details" template="product/view/details.phtml" after="product.info.media">:

<block class="Magento\Review\Block\Product\Review" name="reviews.tab" as="reviews" template="Magento_Review::review.phtml" group="detailed_info">
                    <block class="Magento\Review\Block\Product\View\ListView" name="product.info.product_additional_data" as="product_additional_data" template="product/view/list.phtml"/>
                    <block class="Magento\Theme\Block\Html\Pager" name="product_review_list.toolbar"/>
                    <block class="Magento\Review\Block\Form" name="product.review.form" as="review_form">
                        <container name="product.review.form.fields.before" as="form_fields_before" label="Review Form Fields Before"/>
                    </block>
                </block>

Answer 2

The problem is from process-reviews.js file from vendor/magento/module-review/view/frontend/web/js. Function processReviews is not called, that's why the container remains empty. Copy the file in your theme and remove code from line 40 to 49 and just call processReviews function and it will work.

---

Instead of:

    var reviewTab = $(config.reviewsTabSelector),
        requiredReviewTabRole = 'tab';

    if (reviewTab.attr('role') === requiredReviewTabRole && reviewTab.hasClass('active')) {
        processReviews(config.productReviewUrl);
    } else {
        reviewTab.one('beforeOpen', function () {
            processReviews(config.productReviewUrl);
        });
    }

use:

    processReviews(config.productReviewUrl);

Answer 3

it's works fine for me. Kindly review attached screenshot for reference.