> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.widereviewapp.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Stars are not displayed on the collections pages

**Wide Hello!**

1. In order to add the stars to the collections you have to copy the following code:

```
<div data-widereview-rate="{{ product.metafields.widereview.rating }}"
           	data-widereview-amount="{{ product.metafields.widereview.amount }}"
          	class="widereview-rate"
          	data-widereview-rate>
</div>
```

2. In your Shopify admin dashboard, click on **Online Store > Themes > "..." > Edit code**, to open the code of your theme

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_9q3dre.png)

3. Open the file you use for collections. Usually in the folder **Snippets**

The files are usually called: _product-card-grid.liquid, product-grid-item.liquid, product-info.liquid, card-product.liquid_

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_1opgqiy.png)

4. Paste the code where you want to show the stars

Usually you want to paste it below the title so look for the product title (you can search for "product.title"). It should be a tag <h1> or <h2> or even <h3>

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_1enlggk.png)

5. Click on "Save"

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_1tqmg63.png)

|| If you need help you can contact our support by chat directly in WideReview's app dashboard.