Requirements
Install Ryviu app by going to Ryviu.com or Shopify app store
Debutify theme is one of the highest-converting free Shopify themes. It comes with a fast loading speed, mobile responsiveness, and conversion-boosting add-ons.
Please refer to the following tutorial if you cannot see the star review on your single product page and collection page and want to include star reviews for your Debutify Shopify theme.
Login to Shopify admin, open Online Store > Themes
In Live theme, click Actions, select Edit code
3. Find and open the file review-badge.liquid then adds Ryviu snippet codes by using the guide below:
Add stars review for single product page:
Please add the following code under this line " <!-- INSERT [PRODUCT PAGE] REVIEW BADGE HERE --> "
<div class="review-widget">
<ryviu-widget-total
product_id="{{product.id}}"
handle="{{product.handle}}"
reviews_data="{{product.metafields.ryviu.product_reviews_info | escape }}">
</ryviu-widget-total>
</div>
Add stars review for products on collection page:
Please add the following code under this line " <!-- INSERT [PRODUCT GRID] REVIEW BADGE HERE --> "
<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>
The finished code will look like this:
<div class="review-badge">
{% if badge_template == "product" %}
<!-- INSERT [PRODUCT PAGE] REVIEW BADGE HERE -->
<!-- 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 -->
{% elsif badge_template == "grid" %}
<!-- INSERT [PRODUCT GRID] REVIEW BADGE HERE -->
<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>
{% endif %}
</div>
That's it. Hopefully, this guideline will help you tackle this issue.
Should you have any questions, please let us know via Live chat.