There are a few options on how you can place product reviews with the JavaScript out of the box solution.  

  • Pop Up (default)
  • Inline (within Tab)
  • API (see API page) for full customization of look and feel

Product Page - Inline implementation

Normally Product Reviews are rendered with a pop up when the Product Reviews aggregate widget is clicked. However, you can choose to place product reviews content inline on your page by placing the following div where you want to render review content

The review content may have been placed inside of an HTML entity that is normally hidden such as a TAB that should only be revealed when something is clicked. The text in the widget "Read all * Reviews!" has a simple click handler attachment point. Using your own Javascript code you may attach your own handler to ensure that the content is revealed or you may pass, through the configuration object, a handler that we will attach and invoke upon click.

To add a click handler, use the following feed script and add the appropriate handling functionality. You can also see the tab method in action on the tab variant of the Demo Store

    <script> var __RRPRWidget_Settings = {
            name: "THE_PRODUCT_NAME",
            sku: "PRODUCT_SKU",
            mpn: "PRODUCT_MPN",
            gtin: "PRODUCT_GTIN",
            img: "PRODUCT_IMAGE_URL",
            url: "PRODUCT_URL",
            brand: "PRODUCT_BRAND",
            category: "PRODUCT_CATEGORY",
            onclick: function(e) {
                /*ADD CLICK FUNCTIONALITY HERE*/
                return false;
            }
            };
    </script>

 
 Finally Place the following div within the tab you want to render product reviews. 

<!-- Product Reviews Frame goes here -->
<div id="RR_PR_Frame_Wrapper" style="height:inherent;"></div>


   
        

Did this answer your question?