# Display star rating for each product in the product list

1. Go to admin page > Sales channels > Online store > Themes.

<figure><img src="https://3138926102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkmxQ2E6lgGGdZns4lm8c%2Fuploads%2FIgKth8yefIOFKO8RBN4n%2Fimage.png?alt=media&#x26;token=ee21d4f7-9dbf-490b-b3e8-42bfd3446c35" alt=""><figcaption></figcaption></figure>

2. Select the theme you want to display the Review widget > Edit code.

<figure><img src="https://3138926102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkmxQ2E6lgGGdZns4lm8c%2Fuploads%2FqbjTJ9ghd4M9SM3f76pV%2Fimage.png?alt=media&#x26;token=07540de6-d45e-47da-b135-943b466ec697" alt=""><figcaption></figcaption></figure>

3. In theme editor, open file  *Snippets/card-product.liquid*

<figure><img src="https://3138926102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkmxQ2E6lgGGdZns4lm8c%2Fuploads%2FyRjl1wrfK3sz33YSfyNO%2Fimage.png?alt=media&#x26;token=d47411b4-2fee-4095-9ec5-7a20127a7704" alt=""><figcaption></figcaption></figure>

4. Add code to the file *Snippets/card-product.liquid*

Copy the code below:&#x20;

```html
<div class="rh-rv-prod-featured" data-id="{{ card_product.id }}" data-avg-rating="{{ card_product.metafields.ratifyhub.widget.avg }}" data-total-rating="{{ card_product.metafields.ratifyhub.widget.total }}"></div>
```

Find the line with the same or similar code:  `{% render 'price', product: card_product, price_class: '' %}`  and paste the copied code above it.

<figure><img src="https://3138926102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkmxQ2E6lgGGdZns4lm8c%2Fuploads%2FqIyd9eaqpmlJUOYuhagk%2Fimage.png?alt=media&#x26;token=714ef95f-7af2-48c2-9ac7-929a05dd5825" alt=""><figcaption></figcaption></figure>

5. Save the changes.

<figure><img src="https://3138926102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkmxQ2E6lgGGdZns4lm8c%2Fuploads%2Fk6hmDdoUCOl255Vkn2ZQ%2Fimage.png?alt=media&#x26;token=77fc5869-bc18-41c2-abe9-84be6ea66b64" alt=""><figcaption></figcaption></figure>

6. Go to customize theme.

<figure><img src="https://3138926102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkmxQ2E6lgGGdZns4lm8c%2Fuploads%2FIZpwzdGBt8QE8rdNQuxD%2Fimage.png?alt=media&#x26;token=ac7bb05d-482c-473e-8934-9641b9aa44d8" alt=""><figcaption></figcaption></figure>

7. Select App embed > Enable "Review app code" > Save

<figure><img src="https://3138926102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkmxQ2E6lgGGdZns4lm8c%2Fuploads%2FIRtOny9POrZcs3fnMR0e%2Fimage.png?alt=media&#x26;token=7154a3bd-75fc-40ef-826d-6157243047d0" alt=""><figcaption></figcaption></figure>

8. The results.

<figure><img src="https://3138926102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkmxQ2E6lgGGdZns4lm8c%2Fuploads%2FplgY2LOIThreoWvSi3EP%2Fimage.png?alt=media&#x26;token=036faba0-f771-4c2a-9389-d94f4e5c5444" alt=""><figcaption></figcaption></figure>