Unpublished Shopify theme

This instruction will show you how to install Ryviu app for a Shopify theme that has not been published.

You can install Ryviu app for your unpublished theme by referring to the instruction below.

Required: You need to install Ryviu for your store before taking this process. If you have not, then please install it from here: Install Ryviu app for Shopify store.

• Login to your Shopify admin > Online store > Themes > Actions section. Then "Edit code" on the Shopify theme which you want to install Ryviu snippet codes.

• Copy the Ryviu global setting code below for your theme.liquid file:

<!-- RYVIU APP :: Settings global -->	
<script>var ryviu_global_settings = {{shop.metafields.ryviu.user_settings }};</script>
<!-- RYVIU APP -->

• And add the code you've copied right before this code </head>

• Install Ryviu widget to display comments for your product page, open Templates/product.liquid, and paste the code below at the bottom of the file. The reviews will appear at the bottom of your product page. You can customize the place of reviews by moving the code to the place you desire.

<!-- 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 -->

• Install Star ratings for your product page. Normally, you can do it by adding the code below to your product-template.liquid or product-meta.liquid file, then add it below the tag. If you cannot find this file, your theme may have been customized. You can contact us for more help.

<!-- 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 a different name's file) in Snippets, add the 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 -->

Should you have any questions, please contact us via email or live chat.