Customers who are using Debutify 5.0 and earlier versions. Please update review widget code in your Debutify theme files.
Select theme -> click on 3 dots -> Edit Code
And replace the current code with the following code on the files mentioned below:
review-widget.liquid
review-widget.liquid
{%- unless settings.review_app == "" -%}
<div class="review-widget {{ settings.review_section_style }}"
{{ block.shopify_attributes }}>
{%- case settings.review_app -%}
{%- when 'debutify' -%}
<div class="wrapper">
<link rel="stylesheet" href="https://debutify-prd-reviews.s3.amazonaws.com/debutify-review-ext/product-review.css" type="text/css" media="all">
<script src="https://debutify-prd-reviews.s3.amazonaws.com/debutify-review-ext/product-review.js" type="text/javascript" defer="defer"></script>
<div id="productReview"
data-productId="{{ product.id }}"
data-storeName="{{ shop.permanent_domain | split: '.myshopify.com' | first }}">
</div>
</div>
{%- when 'product_reviews' -%}
<div
id="shopify-product-reviews"
data-id="{{ product.id }}">
{{ product.metafields.spr.reviews }}
</div>
{%- when 'judge_me' -%}
{%- render 'judgeme_widgets', widget_type: 'judgeme_review_widget', concierge_install: false, product: product -%}
{%- when 'loox' -%}
<div
id="looxReviews"
data-product-id="{{ product.id }}"
class="loox-reviews-default">
{{ product.metafields.loox.reviews }}
</div>
{%- when 'ryviu' -%}
<div class="lt-block-reviews">
<ryviu-widget
handle="{{ product.handle }}"
product_id="{{ product.id }}"
title_product="{{ product.title }}"
total_meta="{{ product.metafields.ryviu.r_count }}"
image_product="{{ product.featured_image.src | img_url: '100x' }}">
</ryviu-widget>
</div>
{%- when 'stamped_io' -%}
<div
id="stamped-main-widget"
data-widget-style="standard"
data-product-id="{{ product.id }}"
data-name="{{ product.title | escape }}"
data-url="{{ shop.url }}{{ product.url }}"
data-image-url="{{ product.featured_image | img_url: 'large' | replace: '?', '%3F' | replace: '&', '%26' }}"
data-description="{{ product.description | escape }}"
data-product-sku="{{ product.handle }}"
data-product-type="{{ product.type }}">
{{ product.metafields.stamped.reviews }}
</div>
{%- when 'ali_reviews' -%}
<div
id="shopify-ali-review"
product-id="{{ product.id }}">
{{ shop.metafields.review_collector.review_code }}
</div>
{%- when 'rivyo' -%}
<div
id="wc_review_section"
class="wc_review_main_content"
data-url="{{ shop.url }}"
data-handle="{{ product.handle }}"
data-product_id="{{ product.id }}"
data-limit="0">
</div>
{%- when 'growave' -%}
{% capture the_snippet_reviews %}{%- render 'socialshopwave-widget-recommends' with 1 -%}{% endcapture %}
{% unless the_snippet_reviews contains 'Liquid error' %}
{{ the_snippet_reviews }}
{% endunless %}
{%- when 'opinew' -%}
<div style="clear: both;"></div>
<div id="opinew-reviews-product-page-code" class="opw-widget-wrapper-default">
<span id="opinew-plugin" data-server-address="https://www.opinew.com"
data-opw-prodreviews="{{ product.metafields.opinew_metafields['product_plugin'] }}"
data-opinew-shop-id="{{ shop.id }}" data-shop-url="{{ shop.domain }}" data-platform-product-id="{{ product.id }}">
<span id="opinew_product_plugin_app"></span>
</span>
</div>
{%- when 'fera' -%}
<div data-fera-container="424140" data-product_id="{{ product.id }}"></div>
{%- when 'other' -%}
{%- if settings.review_widget_code != blank -%}
<div class="custom-review-widget">{{ settings.review_widget_code }}</div>
{%- endif -%}
{%- endcase -%}
</div>
{%- endunless -%}
review-badge.liquid
review-badge.liquid
{%- unless settings.review_app == "" -%}
<div class="review-badge {{ class }}">
{%- if position == "product_page" -%}
{%- case settings.review_app -%}
{%- when 'debutify' -%}
<link rel="stylesheet" href="https://debutify-prd-reviews.s3.amazonaws.com/debutify-review-ext/star-rating.css" type="text/css" media="all">
<script src="https://debutify-prd-reviews.s3.amazonaws.com/debutify-review-ext/star-rating.js" type="text/javascript" defer="defer"></script>
<div id="starRating"
data-productId="{{ product.id }}"
data-storeName="{{ shop.permanent_domain | split: '.myshopify.com' | first }}">
</div>
{%- when 'product_reviews' -%}
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
{%- when 'judge_me' -%}
{%- render 'judgeme_widgets', widget_type: 'judgeme_preview_badge', jm_style: '', concierge_install: false, product: product -%}
{%- when 'loox' -%}
<a href="#looxReviews">
<div
class="loox-rating"
data-id="{{ product.id }}"
data-rating="{{ product.metafields.loox.avg_rating }}"
data-raters="{{ product.metafields.loox.num_reviews }}">
</div>
</a>
{%- when 'ryviu' -%}
<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>
{%- when 'stamped_io' -%}
<span
class="stamped-product-reviews-badge stamped-main-badge"
data-id="{{ product.id }}"
data-product-sku="{{ product.handle }}"
data-product-type="{{ product.type }}"
data-product-title="{{ product.title }}"
style="display: inline-block;">
{{ product.metafields.stamped.badge }}
</span>
{%- when 'ali_reviews' -%}
<div
product-id="{{ product.id }}"
class="alr-display-review-badge"
onclick="scroll_to_ali()">
</div>
{%- when 'rivyo' -%}
<div
class="wc_product_review_badge"
data-handle="{{ product.handle }}"
data-product_id="{{ product.id }}">
</div>
{%- when 'growave' -%}
{% capture the_snippet_review_avg %}{%- render 'ssw-widget-avg-rate-profile' -%}{% endcapture %}
{% unless the_snippet_review_avg contains 'Liquid error' %}
{{ the_snippet_review_avg }}
{% endunless %}
{%- when 'opinew' -%}
<div id="opinew-stars-plugin-product">
{% render "opinew_review_stars_product" product: product %}
</div>
{%- when 'automizely' -%}
{%- if shop.metafields.automizely_reviews.show_stars_under_product_name == 'true' -%}
<div id="automizely_reviews_product_detail_title_star_widget"
data-product-id="{{ product.id }}"
data-ratings="{{ product.metafields.automizely_reviews.ratings }}"
data-raters="{{ product.metafields.automizely_reviews.raters }}">
</div>
{%- endif -%}
{%- when 'fera' -%}
<div data-fera-container="425221" data-product_id="{{ product.id }}"></div>
{%- when 'other' -%}
{%- if settings.review_star_rating_code != blank -%}
<div class="custom-review-stars">{{ settings.review_star_rating_code }}</div>
{%- endif -%}
{%- endcase -%}
{%- elsif position == "product_grid" -%}
{%- case settings.review_app -%}
{%- when 'debutify' -%}
<link rel="stylesheet" href="https://debutify-prd-reviews.s3.amazonaws.com/debutify-review-ext/star-rating.css" type="text/css" media="all">
<script src="https://debutify-prd-reviews.s3.amazonaws.com/debutify-review-ext/star-rating.js" type="text/javascript" defer="defer"></script>
<div id="starRating"
data-productId="{{ product.id }}"
data-storeName="{{ shop.permanent_domain | split: '.myshopify.com' | first }}">
</div>
{%- when 'product_reviews' -%}
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
{%- when 'judge_me' -%}
{%- render 'judgeme_widgets', widget_type: 'judgeme_preview_badge', jm_style: '', concierge_install: false, product: product -%}
{%- when 'loox' -%}
<div
class="loox-rating"
data-id="{{ product.id }}"
data-rating="{{ product.metafields.loox.avg_rating }}"
data-raters="{{ product.metafields.loox.num_reviews }}">
</div>
{%- when 'ryviu' -%}
<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>
{%- when 'stamped_io' -%}
<span
class="stamped-product-reviews-badge"
data-product-sku="{{ product.handle }}"
data-id="{{ product.id }}"
data-product-type="{{ product.type }}"
data-product-title="{{ product.title }}"
style="display: block;">
{{ product.metafields.stamped.badge }}
</span>
{%- when 'ali_reviews' -%}
<div
product-id="{{ product.id }}"
class="arv-collection arv-collection--{{ product.id }}">
</div>
{%- when 'rivyo' -%}
<div
class="wc_product_review_badge"
data-handle="{{ product.handle }}"
data-product_id="{{ product.id }}">
</div>
{%- when 'growave' -%}
{% capture the_snippet_review_avg %}{%- render 'ssw-widget-avg-rate-profile' -%}{% endcapture %}
{% unless the_snippet_review_avg contains 'Liquid error' %}
{{ the_snippet_review_avg }}
{% endunless %}
{%- when 'automizely' -%}
{%- if shop.metafields.automizely_reviews.show_stars_under_product_name == 'true' -%}
<div id="automizely_reviews_product_detail_title_star_widget"
data-product-id="{{ product.id }}"
data-ratings="{{ product.metafields.automizely_reviews.ratings }}"
data-raters="{{ product.metafields.automizely_reviews.raters }}">
</div>
{%- endif -%}
{%- when 'opinew' -%}
<div id="opinew-stars-plugin-product">
{% render "opinew_review_stars_product" product: product %}
</div>
{%- when 'fera' -%}
<div data-fera-container="425221" data-product_id="{{ product.id }}"></div>
{%- when 'other' -%}
{%- if settings.review_star_rating_code != blank -%}
<div class="custom-review-stars">{{ settings.review_star_rating_code }}</div>
{%- endif -%}
{%- endcase -%}
{%- endif -%}
</div>
{%- endunless -%}
update theme settings
update theme settings
Go to theme settings -> Custom Style/script and add the following code:
.grid-product .dbtfy-star-rating {
justify-content: center !important;
}