Review Display Configurations

Note: Display 4.0 documentation is provided as a courtesy for clients on this older version of PowerReviews. We recommend contacting your Account Manager to discuss upgrading to our newer Display 4.1 version as soon as possible.

This article discusses how to implement vertical pagination and a condensed Review List in your Review Display. To learn more about these features, click here.

Vertical Pagination

Previewing Vertical Pagination

If you're unsure if you want to implement vertical pagination on your PDPs, you can easily update your current PDP URL to preview how this style would appear on your website.

1. Navigate to any PDP with pagination.
2. Add the query string parameter: ?REVIEW_DISPLAY_PAGINATION_TYPE=VERTICAL in the PDP URL, similar to the following:

https://www.prdemostore.com/collections/food-beverage/products/armitage-hazelnut-ganache-truffles?REVIEW_DISPLAY_PAGINATION_TYPE=VERTICAL

3. Press Enter. The vertical pagination style will appear on the PDP.

Implementing Vertical Pagination

The easiest way to implement vertical pagination is to reach out to your Client Success Manager or Implementation Team. They can enable this globally for your merchant(s) without any additional effort on your end.

However, if you wish to implement vertical pagination on your PDPs via the JavaScript, add REVIEW_DISPLAY_PAGINATION_TYPE:'VERTICAL' to your JavaScript configuration. 

Example:

<script src="https://ui.powerreviews.com/stable/4.0/ui.js" async></script>
<script>
POWERREVIEWS.display.render({
      api_key:'<API_Key>',
      locale: '<locale>',
      merchant_group_id: '<MGID>',
      page_id: '<PageID>',
      review_wrapper_url: '<Wrapper URL>',
      REVIEW_DISPLAY_PAGINATION_TYPE:'VERTICAL',
      components: {
          ReviewDisplay: 'pr-reviewdisplay'
      }
  });
</script>

Condensed Review List

Previewing Condensed Review List

If you're unsure if you want to implement the condensed Review List on your PDPs, you can easily update your current PDP URL to preview how this style would appear on your website.

1. Navigate to any PDP with reviews.
2. Add the query string parameter: ?REVIEW_DISPLAY_LIST_TYPE=CONDENSED in the PDP URL, similar to the following:

https://www.prdemostore.com/collections/food-beverage/products/armitage-hazelnut-ganache-truffles?REVIEW_DISPLAY_LIST_TYPE=CONDENSED

3. Press Enter. The condensed Review List will appears on the PDP.

Implementing Condensed Review List

The easiest way to implement the condensed Review List is to reach out to your Client Success Manager or Implementation Team. They can enable this globally for your merchant(s) without any additional effort on your end.

However, if you wish to implement the condensed Review List on your PDPs via the JavaScript, add REVIEW_DISPLAY_LIST_TYPE:'CONDENSED' to your JavaScript configuration. 

Example:

<script src="https://ui.powerreviews.com/stable/4.0/ui.js" async></script>
         
 <script>
POWERREVIEWS.display.render({
      api_key:'<API_Key>',
      locale: '<locale>',
      merchant_group_id: '<MGID>',
      page_id: '<PageID>',
      review_wrapper_url: '<Wrapper URL>
      REVIEW_DISPLAY_LIST_TYPE:'CONDENSED'
          
      components: {
          ReviewDisplay: 'pr-reviewdisplay'
      }
  });
</script>