Afficher les étoiles sur un ancien thème

Wide Hello!

Voici comment afficher les étoiles sur un ancien thème en ajoutant du code

Dans cet article :

1. Pages produits
2. Produit en vedette sur la page d'accueil
3. 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

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

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>

5. Cliquez sur Enregistrer

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

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

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>

5. Cliquez sur Enregistrer

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

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

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>

5. Cliquez sur Enregistrer

Mis à jour le : 15/01/2024