> ## 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 mini carrousel sous le bouton ajout-au-panier sur un ancien thème

Wide Hello!

Voici comment afficher le mini carrousel sous le bouton ajout-au-panier 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_1mml2t6.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)
---

##### Pages Produits

1. Afin d'ajouter le mini carrousel sous le bouton ajout-au-panier sur la page produit vous devez copier le code suivant :

```
<div class="widereview-mini" product-id="{{ product.id }}"></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 mini carrousel

Généralement vous devez le placer sous le bouton ajout-au-panier donc cherchez ce bouton dans le code (Vous pouvez chercher le code: **type="submit"**)

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_2shyja.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 le mini carrousel sur le produit en vedette sur la page d'accueil vous devez copier le code suivant :

```
<div class="widereview-mini" product-id="{{ product.id }}"></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 afficher le mini carrousel

Généralement vous devez le placer sous le bouton ajout-au-panier donc cherchez ce bouton dans le code (Vous pouvez chercher le code: **type="submit"**)

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_2shyja.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