> ## 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).

# Afficher les étoiles sur un ancien thème

Wide Hello!

Voici comment afficher les étoiles sur un [ancien thème](https://help.shopify.com/fr/manual/online-store/themes/themes-by-shopify/vintage-themes) en ajoutant du code

|| Si vous utilisez un nouveau thème Shopify 2.0, vous pouvez cliquer ici pour savoir comment afficher les différents widgets de WideReview.

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

**Dans cet article :**
1. [Pages produits](#5-pages-produits)
2. [Produit en vedette sur la page d'accueil](#5-produit-en-vedette-sur-la-page-daccueil)
3. [Pages collections](#5-pages-collections)

---

##### Pages Produits

1. Afin d'ajouter les étoiles sur la page produit vous devez copier le code suivant :

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

2. Dans le dashboard de votre boutique Shopify, cliquez sur **Boutique en ligne > Thèmes > "..." > Modifier le code**, pour ouvrir le code de votre thème

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

3. Ouvrez le fichier que vous utilisez pour vos pages produits dans les dossiers **Modèles** ou **Sections**.

Les fichiers sont généralement appelés: _product.liquid, product-template.liquid, product-page.liquid, product-main.liquid_

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

4. Collez le code où vous souhaitez que les étoiles apparaissent.

Généralement vous devez le mettre sous le titre donc cherchez le titre du produit (vous pouvez chercher avec le mot "**title**". Ca devrait être un tag <h1>, <h2> ou encore <h3>

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

5. Cliquez sur **Enregistrer**

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

---

##### Produit en Vedette sur la Page d'Accueil

1. Afin d'ajouter les étoiles sur le produit en vedette sur la page d'accueil vous devez copier le code suivant :

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

2. Dans le dashboard de votre boutique Shopify, cliquez sur **Boutique en ligne > Thèmes > "..." > Modifier le code**, pour ouvrir le code de votre thème

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

3. Ouvrez le fichier que vous utilisez pour votre produit en vedette dans les dossiers **Modèles** ou **Sections**.

Les fichiers sont généralement appelés: _featured-product.liquid, homepage-product.liquid_

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

4. Collez le code où vous souhaitez que les étoiles apparaissent.

Généralement vous devez le mettre sous le titre donc cherchez le titre du produit (vous pouvez chercher avec le mot "**title**". Ca devrait être un tag <h1>, <h2> ou encore <h3>

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

5. Cliquez sur **Enregistrer**

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

---

##### Pages Collections

1. Afin d'ajouter les étoiles sur la page produit vous devez copier le code suivant :

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

2. Dans le dashboard de votre boutique Shopify, cliquez sur **Boutique en ligne > Thèmes > "..." > Modifier le code**, pour ouvrir le code de votre thème

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

3. Ouvrez le fichier que vous utilisez pour vos collections. Généralement dans le dossier **Extraits**

Les fichiers sont généralement appelés: _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. Collez le code où vous souhaitez que les étoiles apparaissent.

Généralement vous devez le mettre sous le titre donc cherchez le titre du produit (vous pouvez chercher avec le mot "**title**". Ca devrait être un tag <h1>, <h2> ou encore <h3>

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

5. Cliquez sur **Enregistrer**

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

|| Si vous avez besoin d'aide vous pouvez contacter notre support par chat directement dans le dashboard de l'application WideReview