I. Disable BigCommerce native product review solution.
- Navigate to your BigCommerce dashboard.
- In your dashboard, click Advanced Settings on the left tab --> Comments --> "Built-in Settings"
- Uncheck the product review box.
II. Adding the Product Review Scripts for Catalog Ingestion and Review Display
- Click on Advanced Settings to take you back to the main menu
- Click Script Manager
- Click Create New Script
4. Make sure the settings follow the guide above.
5. Place the following script:
<script src = "https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
var productDetailsTab = document.querySelector('section.product-data');
if(productDetailsTab != null)
{
var RRWidgetWrapper = document.createElement('div');
RRWidgetWrapper.setAttribute('id', 'RR_PR_Widget_Wrapper');
productDetailsTab.appendChild(RRWidgetWrapper);
var __RRPRWidget_Settings = {
name: "{{product.title}}",
sku: "{{product.sku}}",
img: "{{getImage product.main_image 'thumb_size' (cdn theme_settings.default_image_product)}}",
url: "{{product.url}}",
brand: "{{product.brand.name}}",
category: "{{product.category}}",
onclick: function(e) {
var panel2 = document.getElementById('PR_link');
panel2.click();
document.getElementById('RR_PR_Frame_Wrapper').scrollIntoView();
return false;
},
};
var productTabs = document.querySelector('ul.tabs');
var productTabContents = document.querySelector('div.tabs-contents');
if(productTabs != null && productTabContents != null )
{
var RRReviewsTabLi = document.createElement('li');
RRReviewsTabLi.setAttribute('class','tab');
var RRReviewsTabAnchor = document.createElement('a');
RRReviewsTabAnchor.setAttribute('class','tab-title');
RRReviewsTabAnchor.setAttribute('href','#tab-reviews');
RRReviewsTabAnchor.setAttribute('id','PR_link');
RRReviewsTabAnchor.textContent = 'Reviews';
RRReviewsTabLi.appendChild(RRReviewsTabAnchor);
productTabs.appendChild(RRReviewsTabLi);
var RRReviewsContent = document.createElement('div');
RRReviewsContent.setAttribute('class', 'tab-content');
RRReviewsContent.setAttribute('id', 'tab-reviews');
RRReviewsContent.setAttribute('aria-hidden', 'true');
var RRReviewsWrapper = document.createElement('div');
RRReviewsWrapper.setAttribute('id', 'RR_PR_Frame_Wrapper');
RRReviewsContent.appendChild(RRReviewsWrapper);
productTabContents.appendChild(RRReviewsContent);
(function() {
var s=document.createElement('script');s.type='text/javascript';s.async=true;
s.src="https://www.resellerratings.com/productreviews/widget/javascript/YOUR_SEO_NAME.js?sku={{product.sku}}";var ss=document.getElementsByTagName('script')[0];
ss.parentNode.insertBefore(s,ss);
})();
}
}
</script>
6. Make sure to update YOUR_SEO_NAME at the bottom of this script with your unique SEO name for ResellerRatings. Please contact your account manager to receive this information.
7. Click Save