Required: you should have installed Ryviu for your store. If you did not then please install it from here: Install Ryviu app for Shopify store

  • Login to your Shopify admin > Online store > Themes > click Actions sect "Edit code" on Shopify theme which you want to install Ryviu snippet codes.
  • Copy this Ryiu global setting code below for your theme.liquid file, add it right before this code </head>
<!-- RYVIU APP :: Settings global -->	
<script>
    var ryviu_global_settings = {{shop.metafields.ryviu.user_settings }};
</script>
<!-- RYVIU APP -->
  • Install Ryviu widget to display comment for your product page, open Templates/product.liquid and paste this code below at the bottom of file then reviews will appear at the bottom of your product page, you can customize the place of reviews by moving the code to place you want.
<!-- 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 -->
  • Install Star ratings for your product page. Usually, you can do it by adding this code below to your product-template.liquid or product-meta.liquid file, then add it below </h1> tag. If you cannot find this file then your theme is customized, you can contact us so we can help you to do it.
<!-- 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 --> 
  • Install Star ratings for your collection page. Open product-card-grid.liquid or product-card.liquid or product-grid-item.liquid or product-thumbnail.liquid or product-info.liquid file (each theme has different name's file) in Snippets, add our code below the line of code contain this {{ product.title }} 
<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL --> 
<div class="ryviu-collection">
<ryviu-widget-total collection=1
     reviews_data="{{product.metafields.ryviu.product_reviews_info  | escape  }}"
     product_id="{{product.id}}" handle="{{product.handle}}">
</ryviu-widget-total>
</div>  
<!-- RYVIU APP -->


All the best,

Ryviu team.

Did this answer your question?