How to install Ryviu review stars on the collection on Shopify 2.0 Dawn, Sense themes page?

Please follow step by steps to install review stars on your collection page.

1. From your Shopify admin, go to Online Store > Themes.

2. In Dawn theme, click Actions > Edit code

3. Find card-product.liquid or product-card.liquid file in Snippets folder

4. Find this line of code

   {% render 'price', product: card_product, price_class: '' %}

5. Paste Ryviu star review code below before the line of code I mentioned in step 4 above.

   <!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL --> 
   <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>  
   <!-- RYVIU APP -->

   

   If the code above does not work, please use this one.

   <!-- 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 --> 

6. Click Save button, and you are done.

If you need more assistance, please feel free to contact us.