This article explains how you can move the product review in the product page to another location with different display.

  • Login as admin in the storefront
  • Navigate to the bottom of the page and locate View Details using debug configuration mode

debug-config-fe

  • From the admin panel, navigate to jApps >> Design >> Views
  • Search for the view detail of the page from step 1 (product_page_item)

product-page-views-fe

  • Click "Elements" under Elements column
  • To see properly the ordering of the elements you need to sort them in asending order.
  • Click "New" button to create a New element called "Review" with the element type of your liking and area "middlecenter".

review-edit-be

  • Click [Save] once you are done.
  • Locate "comment total" and "comment list" elements and change their parents to the new element you have created "Review".

review-elements-be

These are the lists of element type you can use:

  1. Tab container
  2. Pane Container
  3. Collapsable Pane Container
  4. WidgetBox
  5. Create Column
  6. Create Row
  7. Div Container

Product review in the product page using Collapsable Pane Container looks like this:

review-tab-fe-item