Debutify

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

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

3. Find and open the file review-badge.liquid then add 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.