Display Ryviu star ratings on your Shopify collection pages to help shoppers quickly identify top-rated products and build trust before they visit the product page.
Depending on your theme, you can either add the Star ratings app block in the Shopify theme editor or manually install the code if app blocks aren't supported
It only takes a few minutes to add the Star ratings app block to your collection page.
From your Shopify admin, navigate to the Sales channels menu.
Go to Online Store > Themes
Click Edit theme for your current theme.
Select the collection page template.
Click on the + icon of the product title.
Select Apps, then select Star ratings.
Save the changes.
If your theme doesn't support the Star ratings app block, you can display star ratings by adding the code manually.
Open Online Store > Themes.
Click "..." in the current theme > Edit code.
In the snippets folder, find card-product.liquid.
Find the line that includes.
{%- if show_ratingAdd the following code above it.
<div class="ryviu-collection"><ryviu-widget-total collection=1 product_id="{{card_product.id}}" handle="{{card_product.handle}}" reviews_data="{{card_product.metafields.ryviu.product_reviews_info | escape }}" ></ryviu-widget-total></div> If the above code does not work, then please add this code.
<div class="ryviu-product-rating" collection="1" reviews_data="{{ card_product.metafields.ryviu.product_reviews_info | escape }}" product_id="{{ card_product.id }}"></div>Save file.
Need help?
Get in touch with our support team through live chat or email at [email protected]. We're here to help!