Welcome To Our Help Center 👋

How to Integrate RYVIU Reviews App to Shoptimized Theme

Tutorial on RYVIU app integration
Written by PJ Guerrero
Updated 3 weeks ago

RYVIU APP Integration

From your Shopify Admin Page -> Themes -> Actions -> Edit Codes

Step 1: Snippets-> product-tabs.liquid: Do paste the code twice as per the screenshot below.

        <!-- RYVIU APP :: WIDGET -->
<div class="lt-block-reviews"> 
	<ryviu-widget  
	    handle="{{product.handle}}"
            product_id="{{product.id}}"
	    title_product="{{product.title}}"
	    total_meta="{{ product.metafields.ryviu.r_count }}"
		image_product="{{ product.featured_image.src | img_url: '100x' }}"></ryviu-widget>
</div>
<!-- / RYVIU APP -->
  • First: Paste the code under the review-initil id ( as seen on the screenshot )
  • Second: Paste the code under the {% if settings.productreview == 'shopify_reviews'%}  

Step 2: Sections -> product-template.liquid: Paste the code below the product.title (Below Line 230 and Below Line 604)

<!-- RYVIU APP :: WIDGET-TOTAL -->
<div class="review-widget">
  	<ryviu-widget-total 
  		reviews_data="{{product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product.id}}" handle="{{product.handle}}">
	</ryviu-widget-total>
</div>
<!-- / RYVIU APP -->  

<!-- RYVIU APP :: WIDGET-TOTAL -->
<div class="review-widget">
  	<ryviu-widget-total 
  		reviews_data="{{product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product.id}}" handle="{{product.handle}}">
	</ryviu-widget-total>
</div>
<!-- / RYVIU APP -->  

Step 3: Snippets -> product-grid-item.liquid && product-grid-item.liquid-new: Paste it under </h1> not above it, it would create a conflict and issue. (This displays on both Homepage/Collections)

The easiest way to located is to CTRL+F inside the editor then paste:
shopify-product-reviews-badge
          <div class="ryviu-collection">
<ryviu-widget-total collection=1 
product_id="{{product.id}}" 
handle="{{product.handle}}"
reviews_data="{{product.metafields.ryviu.product_reviews_info | escape }}" >
</ryviu-widget-total>
</div>

Please make sure you have installed the RYVIU APP to your Store from Shopify APP Store, otherwise it would not work.

Did this answer your question?