> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.revie.ai/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).

# How to install Revie on Shopify 1.0 template


### 1. To display the star badge on the product page.

In the product template (product-template.liquid or similar), insert the following code before "price" or wherever you want to display it:

```html
<div class="product__price"></div> 
```


![](https://storage.crisp.chat/users/helpdesk/website/1534f5ca7afec300/starwidget2_1qqgp0z.jpg)

### 2. To display the list of reviews on the product page.

In product.liquid, before the product-recommendations section, insert the following code:

```html
<div class="page-content--product"></div> 
```

![](https://storage.crisp.chat/users/helpdesk/website/1534f5ca7afec300/reviewswidget_317gnz.jpg)

### 3. To display the star badge in the collection listing.

![](https://storage.crisp.chat/users/helpdesk/website/1534f5ca7afec300/collectionstar_17uw3pd.jpg)

In the collection template (product-grid.liquid or similar), insert the code where you want to display it:

```html
{% if product.metafields.revie.reviewData %}
        <div class="shopify-product-revie" data-id="{{ product.id }}">
          <div id="revieStar"><div title="{{ product.metafields.revie.reviewData.reviewAverageValue }} Estrellas"><i data-starlist="{{ product.metafields.revie.reviewData.reviewAverageValue }}"></i><span>{{ product.metafields.revie.reviewData.reviewCount }} reseñas</span></div></div>
          </div>
{% endif %}
```


If you have any questions or need us to do it for you, reach out to us on WhatsApp 👉 +525578815993