How to Integrate RYVIU Reviews App to Shoptimized Theme

Tutorial on RYVIU app integration
Written by Jonathan Diaz
Updated 2 years ago

RYVIU APP Integration

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

Step 1: Sections -> product-template.liquid: Do paste the code as per the screenshot below.

                      <!-- 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 -->
  • First: Paste the code replacing the line ( as seen on the screenshot )

Step 2: Sections -> product-grid-item.liquid && product-grid-item-new.liquid: Paste the code and replace the shopify-reviews.

<!-- 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-reviews-shopify.liquid: Replace it ALL with the ryviu code

The easiest way to located is to CTRL+F inside the editor then paste:
shopify-product-reviews-badge
<!-- RYVIU APP :: WIDGET -->
<div class="lt-block-reviews"> 
	<ryviu-widget handle="{{product.handle}}" product_id="{{product.id}}" title_product="{{product.title}}" image_product="{{ product.featured_image.src | img_url: '100x' }}"></ryviu-widget>
</div>
<!-- / RYVIU APP -->

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?