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?RE...
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 tavaScript, add REVIEW_DISPLAY_PAGINATION_TYPE 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?RE...
3. Press Enter. The condensed Review List will appear 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 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>
