> ## 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 le carrousel principal sur un ancien thème

Wide Hello!

Voici comment afficher le carrousel principal 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_esa4nh.png)

**Dans cet article :**
1. [Pages produits](#5-pages-produits)
2. [Page d'accueil](#5-page-daccueil)

---

##### Pages Produits

1. Afin d'ajouter le carousel principal sur vos pages produits vous devez copier le code suivant :

```
<div id="widereview-module"></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 afficher le carrousel (généralement à la fin du fichier)

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

5. Cliquez sur **Enregistrer**

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


##### Page d'Accueil

1. Afin d'ajouter le carrousel principal sur la page d'accueil vous devez copier le code suivant :

```
<div id="widereview-module" product-id="VOTRE_ID_PRODUIT"></div>
```

2. Remplacez **VOTRE_ID_PRODUIT** dans le code avec l'ID du produit pour lequel vous souhaitez voir les avis. ([Comment trouver l'ID de mon produit ?](https://help.widereviewapp.com/fr/article/comment-trouver-le-handle-ou-id-de-mon-produit-1ouutgb/#2-trouver-lid))

Si vous souhaitez afficher tous les avis de votre boutique vous pouvez utiliser ce code à la place :

```
<div id="widereview-module" product-id="[all]" form-product-id="VOTRE_ID_PRODUIT"></div>
```

3. Dans le dashboard de votre boutique Shopify, cliquez sur **Boutique en ligne > Thèmes > Personnaliser**, pour ouvrir l'éditeur de votre thème

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

4. Sur la page d'accueil de votre thème, ajoutez une section pour ajouter du code HTML (c'est généralement appelé **Liquid Code** ou **HTML code**)

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

5. Collez le code dans le block HTML/Liquid

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

6. Cliquez sur **Enregistrer**

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

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