Show star ratings on your Shopify collection page

This article will show you how to show star ratings on the Shopify collection page.

Using the Ryviu app, you can boost customer trust by showcasing star ratings on your Shopify collection page. Follow these step-by-step instructions to integrate this feature.

info icon
Please enable Ryviu app settings in App embeds tab of theme settings to make it work properly.

For themes with Ryviu integration

Ryviu is integrated into the themes Kalles, Debutify, Gecko, Basel, Elessi, Hooli, and Minimog. If you're using these themes, please access the theme settings and select the product review app is Ryviu to make star ratings and product review widgets will be displayed in your store.

For themes without Ryviu integration

Here are the steps to add the code snippet to display the rating star on the collection page.

Step 1. Access Theme Code

  • Navigate to Online Store > Themes in your Shopify admin.

  • Select your theme and click ... > Edit Code.

Step 2. Insert Ryviu Code

The following steps could vary depending on the theme you've chosen.

info icon
Some code in this instruction may be outdated due to recent theme updates. If you encounter any installation issues, please contact us for assistance!

👉 Theme: Athens, Be Yours, Chord, Colorblock, Craft, Crave, Dawn, Eurus, Launch, Origin, Publisher, Ride, Refresh, Sense, Spotlight, Studio, Taste, Viola

  • Open card-product.liquid file.

  • Above the line that includes {%- if show_rating , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection"><ryviu-widget-total collection="1" reviews_data="{{card_product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{card_product.id}}" handle="{{card_product.handle}}"></ryviu-widget-total></div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Tema Aurora, Tema Warehouse

  • Open product-item.liquid file.

  • Above the line that includes {%- if settings.show_reviews_badge -%} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Impact

  • Open product-card.liquid file

  • Above the line that includes {%- render 'price-list', product: product, insert the following code:

    <!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
    <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>  
    <!-- RYVIU APP -->
  • Save file.


👉 Theme: Debut

  • Open product-card-grid.liquid file.

  • Under the line that includes {{ product.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Turbo, Turbo-portland

  • Open product-info.liquid file.

  • Under the line that includes {{ product.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Empire

  • Open product-grid-item.liquid file.

  • Under the line that includes </h2> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Prestige, Xtra

  • Open product-item.liquid file.

  • Above the line that includes {%- if settings.show_product_rating -%} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Baseline, Creative, District, Expanse, Fetc, Flow, Impulse, Label, Motion, North, Streamline, Sydney

  • Open product-grid-item.liquid file.

  • Under the line that includes {{ product.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Venue

  • Open product-grid-item.liquid file.

  • Under the line that includes product-card__title , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Marble, Sahara

  • Open card-product.liquid file.

  • Under the line that includes <!-- /.card-product__title , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
<ryviu-widget-total collection="1" reviews_data="{{product_ref.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product_ref.id}}" handle="{{product_ref.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Wokiee

  • Open product-grid-item-design-1.liquid file.

  • Under the line that includes </h2> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Maranello, Mono

  • Open card-product.liquid file.

  • Under the line that includes </h3> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
<ryviu-widget-total collection="1" reviews_data="{{card_product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{card_product.id}}" handle="{{card_product.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Blum

  • Open card-product.liquid file.

  • Under the line that includes </h3> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Modular

  • Open product-grid-item.liquid file.

  • Under the line that includes product-block__title , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Broadcast

  • Open product-grid-item.liquid file.

  • Under the line that includes product-item__title , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Pipeline

  • Open snippets/product-grid-item.liquid file.

  • Above the line that includes if settings.product_grid_show_rating , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Story

  • Open product-grid-item.liquid file.

  • Above the line that includes <p class="price_wrapper{% if on_sale %} on-sale{% endif %}"> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Palo Alto

  • Open product-grid-item.liquid file.

  • Above the line that includes {%- if settings.show_rating , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Automation

  • Open product-grid-item.liquid file.

  • Above the line that includes {%- if settings.enable_product_reviews -%} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Champion, Upscale

  • Open product-card.liquid file.

  • Above the line that includes {%- if settings.product_card_show_product_rating , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Atom

  • Open product-card.liquid file.

  • Above the line that includes {% if section.settings.show_rating , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Habitat, Reformation, Tailor, Vision

  • Open product-card.liquid file.

  • Under the line that includes {{ product_card_product.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
<ryviu-widget-total collection="1" reviews_data="{{product_card_product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product_card_product.id}}" handle="{{product_card_product.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Portland, Stockmart

  • Open product-card.liquid file.

  • Above the line that includes {% render 'price' , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
<ryviu-widget-total collection="1" reviews_data="{{product_card_product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product_card_product.id}}" handle="{{product_card_product.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Symmetry

  • Open product-block.liquid file.

  • Under the line that includes class="product-block__title" , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Galleria

  • Open product-card.liquid file.

  • Above the line that includes <div class="product-card-price"> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Whisk

  • Open product-card.liquid file.

  • Above the line that includes {%- if show_price -%} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
<ryviu-widget-total collection="1" reviews_data="{{product_card_product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product_card_product.id}}" handle="{{product_card_product.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Mojave

  • Open product-card.liquid file.

  • Above the line that includes <div class="product-card__meta , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
<ryviu-widget-total collection="1" reviews_data="{{product_ref.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product_ref.id}}" handle="{{product_ref.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Alchemy, Avatar, Berlin, Frame, Handmade, Honey, Tailor, ShowTime, Stockholm, Zest

  • Open product-card.liquid file.

  • Under the line that includes </h3> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Taiga

  • Open product-card.liquid file.

  • Under the line that includes <h2 class="card-title h4">{{ product.title }}</h2> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Emporium

  • Open product-card.liquid file.

  • Under the line that includes </h5> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Influence

  • Open ship-product-card.liquid file.

  • Above the line that includes {% if block_name == 'price' %} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
<ryviu-widget-total collection="1" reviews_data="{{card_product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{card_product.id}}" handle="{{card_product.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Aurora

  • Open product-card.liquid file.

  • Under the line that includes {%- if enable_product_review -%} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Sunrise

  • Open ship-product-card.liquid file.

  • Above the line that includes {% render 'product-price', product: product_card_product %} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
<ryviu-widget-total collection="1" reviews_data="{{product_card_product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product_card_product.id}}" handle="{{product_card_product.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Canopy

  • Open product-block.liquid file.

  • Above the line that includes <div class="price , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Masonry

  • Open product-block.liquid file.

  • Under the line that includes {{ product.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Stiletto

  • Open product-item.liquid file.

  • Above the line that includes {% if settings.product_listing_show_vendor and prod.vendor %} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
     <ryviu-widget-total collection="1" reviews_data="{{prod.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{prod.id}}" handle="{{prod.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Local, Combine

  • Open product-item.liquid file.

  • Above the line that includes {%- when 'rating' -%} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Capital

  • Open product-item.liquid file.

  • Above the line that includes <div class="product-item-price"> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
     <ryviu-widget-total collection="1" reviews_data="{{item.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{item.id}}" handle="{{item.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Highlight, Kingdom

  • Open product-item.liquid file.

  • Above the line that includes product-item__price , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Spark

  • Open product-item.liquid file.

  • Under the line that includes </h4> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Atlantic

  • Open product-item.liquid file.

  • Under the line that includes </h2> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
     <ryviu-widget-total collection="1" reviews_data="{{itemType.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{itemType.id}}" handle="{{itemType.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Electro

  • Open product-item.liquid file.

  • Above the line that includes {% include 'product-grid-review' %} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Blockshop, Emerge

  • Open product--item.liquid file.

  • Above the line that includes if rating_enabled , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Paper

  • Open component__product-item.liquid file.

  • Under the line that includes </h3> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Editions

  • Open small-product-item.liquid file.

  • Under the line that includes </h3> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
     <ryviu-widget-total collection="1" reviews_data="{{itemType.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{itemType.id}}" handle="{{itemType.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Yuva

  • Open product-grid.liquid file.

  • Under the line that includes yv-product-title , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Cascade

  • Open product-tile.liquid file.

  • Above the line that includes {% if settings.product_tile_star_ratings , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Shapes

  • Open product-tile.liquid file.

  • Under the line that includes {{ product.title | escape }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Context

  • Open product-tile.liquid file.

  • Under the line that includes </h2> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Fashionopolism, Icon, Mr Parker, Testament, Vantage

  • Open product-listing.liquid file.

  • Above the line that includes {% render 'product-price-listing', product: product %} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Envy, Fresh

  • Open product-grid--indiv-product.liquid file.

  • Under the line that includes {{ liquidObject.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
     <ryviu-widget-total collection="1" reviews_data="{{liquidObject.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{liquidObject.id}}" handle="{{liquidObject.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Pursuit

  • Open product-card-item.liquid file.

  • Under the line that includes {{ product.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Mavon

  • Open product-card-item.liquid file.

  • Above the line that includes {%- if show_price -%} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
     <ryviu-widget-total collection="1" reviews_data="{{product_card_product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product_card_product.id}}" handle="{{product_card_product.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Avenue

  • Open product.loop.liquid file.

  • Find this line of code.

    <h4><a href="{{ product.url | within: collection }}" title="{{ product.title | escape }}">{{ product.title }}</a></h4>
  • Insert the following code below it.

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Drop, Foodie, Forge

  • Open product-loop.liquid file.

  • Above the line that includes {%- if settings.show_rating , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Bullet

  • Open global-product-card.liquid file.

  • Under the line that includes {{ product.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Parallax, Responsive, Retina

  • Open product-thumbnail.liquid file.

  • Above the line that includes {% if settings.display_vendor_collection %} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Fame

  • Open product-info.liquid file.

  • Above the line that includes <div class="product-prizebox"> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Grid, Pacific

  • Open product-list-item.liquid file.

  • Under the line that includes {{ item.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
     <ryviu-widget-total collection="1" reviews_data="{{item.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{item.id}}" handle="{{item.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Providence

  • Open product.liquid file.

  • Above the line that includes {% if show_vendor %} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Startup

  • Open product-list-item.liquid file.

  • Above the line that includes <p class="product-list-item-price"> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
     <ryviu-widget-total collection="1" reviews_data="{{item.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{item.id}}" handle="{{item.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Align

  • Open component-card-product.liquid file.

  • Above the line that includes {%- unless show_footer == false -%} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Modules

  • Open productRender.liquid file.

  • Under the line that includes {{ product.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Bazaar

  • Open product-card-minimal.liquid file.

  • Under the line that includes {{ product.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Roam

  • Open product.loop.liquid file.

  • Under the line that includes {% if show_vendors %} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: California, Colors

  • Open collection-product.liquid file.

  • Under the line that includes {{ product.title }} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Andaman

  • Open block.liquid file.

  • Above the line that includes <div class="block-price"> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Loft

  • Open product-loop-item.liquid file.

  • Above the line that includes {%- if show_reviews -%} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Health & Beauty

  • Open product-card-info.liquid file.

  • Above the line that includes {% if settings.show_review_badge %} , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


👉 Theme: Charge

  • Open grid-item-product.liquid file.

  • Under the line that includes <p class="item-title">{{ product.title | default: 'Example product title' }}</p> , insert the following code:

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<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>  
<!-- RYVIU APP -->
  • Click Save.


Here is how it looks on the front end:

Watch this video for more detailed instructions:


Need help?

Get in touch with our support team through live chat or email at [email protected]. We're here to help!

Did this answer your question?
😞
😐
😁