All Collections
Shopify
Install & Upgrade
Install Ryviu app for an unpublish Shopify theme
Install Ryviu app for an unpublish Shopify theme

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

Dan Dong avatar
Written by Dan Dong
Updated over a week ago

You can install the Ryviu app for your unpublished theme by following the instructions below.

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

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

Edit code for Shopify theme

  • 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. Usually, 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 -->

β€Œ

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

Did this answer your question?