Rivyo Integration Guide

Rivyo app is build up with amazing features to boost any store sales & make online shop worthy. Here is our guide for Rivyo integration with Product Filter & Search app.

About Rivyo

1

App Information

• Rivyo makes stores loyal & trustworthy by showing real reviews & FAQ customer-centric approach.
• App details: https://apps.shopify.com/rivyo-product-review

2

Rivyo Integration Benefit

• Given a solution for shoppers to find exact products along with displaying ratings/reviews in the product items as reference.

Demo

Here are some of our customers' stores with our app and Rivyo review integration.

• https://www.yitamotor.com/collections/towing-mirrors

Instruction

Attention: The current document only works with the new front-end lib from Boost Commerce. Please read this document first to know if you are using the latest version.

Build Rating for the Product item

1
Edit your current theme.
2
Copy the following code snippet to your clipboard:



//For boost-pfs-filter.js
'<div class="wc_product_review_badge_boostcommerce" data-handle="{{itemHandle}}"></div>' + 

//For boost-pfs-filter.js
<div class="wc_product_review_badge_boostcommerce" data-handle="[[itemHandle]]"></div><br>
	

3
Go to the boost-pfs-filter.js file, then find productGridItemHtml and paste the snippet to where you want the Ratings to appear, for example, under the product title:

If  productGridItemHtml variable does not exist, please check the file boost-pfs-filter-html.liquid

4
Add the following script to the  ProductList.prototype.afterRender function


if(jQ('.wc_product_review_badge_boostcommerce').length > 0){
		var ajax_shop_badge_url = jQ('#th_shop_url').attr('content'), ajax_product_handle = new Array();
		if(typeof ajax_shop_badge_url != 'undefined'){
			ajax_shop_badge_url = ajax_shop_badge_url.replace(/^https?\:\/\//i, '');
		}

		jQ('.wc_product_review_badge_boostcommerce').each(function(idx, val){
			ajax_product_handle.push(jQ(this).data('handle'));
			if(idx === (jQ('.wc_product_review_badge_boostcommerce').length - 1)){
				jQ.ajax({
					url: '//thimatic-apps.com/product_review/get_review_rating_update.php',
					type: 'post',
					dataType: 'json',
					data: {shop: ajax_shop_badge_url, product_handles: ajax_product_handle},
					success: function(result){
						jQ('.wc_product_review_badge_boostcommerce').html(result.empty.html);
						jQ.each(result, function(key, value){
						  jQ('.wc_product_review_badge_boostcommerce[data-handle="'+key+'"]').html(value.html);
						});
					},
					error: function(XMLHttpRequest, textStatus){
						console.log(XMLHttpRequest);
					}
				});
			}
		});
	}
	

Build a filter option by ratings/reviews