All Collections
Shopify
Themes integration
Install stars review for your Debutify Shopify theme
Install stars review for your Debutify Shopify theme

This instruction will show you how to include star reviews in your Debutify Shopify theme.

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

Requirements

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.

  1. Login to Shopify admin, open Online Store > Themes

  2. In Live theme, click Actions, select Edit code

Edit Shopify themes

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.

Did this answer your question?