Utilisation de l'application Product Reviews

Remarque

Le 6 mai 2024, l'application Product Reviews sera supprimée de Shopify et ne pourra plus être installée. Passé ce délai, vous n'aurez plus accès à vos avis sur les produits existants et les avis de l'application ne s'afficheront plus sur votre boutique. Pour continuer à collecter et à afficher sur votre boutique des avis sur les produits, vous devez migrer vers une autre application d'avis sur les produits avant le 6 mai 2024.

Vous pouvez ajouter des formulaires d’évaluation à vos pages de produits, ainsi que des badges de notation à vos pages de produits et de collection. Les étapes de ce tutoriel varient selon la version d'architecture du thème. Pour ajouter des éléments d’avis à votre boutique en ligne, suivez les instructions basées sur la version d’architecture de votre thème.

Thèmes Online Store 2.0

Vous pouvez ajouter des avis, inclure un formulaire d’avis et afficher des évaluations par étoiles dans les thèmes Online Store 2.0

Ajouter des avis et un formulaire d'avis dans les thèmes Online Store 2.0

Vous pouvez ajouter le bloc d’application pour avis et formulaire d'avis en tant que section dans le modèle de produit, ou en tant que bloc dans la section principale du modèle de produit. Ces options sont disponibles dans tous les thèmes Online Store 2.0 de la boutique des thèmes de Shopify. Vous pouvez parfois les ajouter à d’autres modèles ou sections, en fonction du thème.

Ajouter les avis et le formulaire d'avis en tant que section

Bureau

1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
3. Accédez au modèle de produit auquel vous souhaitez ajouter la section des avis et du formulaire d'avis.
4. Cliquez sur Add section (Ajouter une section).
5. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
6. Facultatif : déplacez la section de l’application à l'endroit où vous le souhaitez sur la page.
7. Cliquez sur Save (Enregistrer).

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Gérer tous les thèmes.
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).
6. Accédez au modèle de produit auquel vous souhaitez ajouter la section des avis et du formulaire d'avis.
7. Cliquez sur Add section (Ajouter une section).
8. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
9. Facultatif : déplacez la section de l’application à l'endroit où vous le souhaitez sur la page.
10. Cliquez sur Save (Enregistrer).

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Gérer tous les thèmes.
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).
6. Accédez au modèle de produit auquel vous souhaitez ajouter la section des avis et du formulaire d'avis.
7. Cliquez sur Add section (Ajouter une section).
8. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
9. Facultatif : déplacez la section de l’application à l'endroit où vous le souhaitez sur la page.
10. Cliquez sur Save (Enregistrer).

Ajouter les avis et le formulaire d'avis en tant que bloc

Bureau

1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
3. Accédez à la page et à la section où vous souhaitez ajouter le bloc des avis et du formulaire d'avis.
4. Cliquez sur Ajouter un bloc.
5. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
6. Facultatif : déplacez le bloc avis là où vous le souhaitez dans la section.
7. Cliquez sur Save (Enregistrer).

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Gérer tous les thèmes.
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).
6. Accédez à la page et à la section où vous souhaitez ajouter le bloc des avis et du formulaire d'avis.
7. Cliquez sur Ajouter un bloc.
8. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
9. Facultatif : déplacez le bloc avis là où vous le souhaitez dans la section.
10. Cliquez sur Save (Enregistrer).

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Gérer tous les thèmes.
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).
6. Accédez à la page et à la section où vous souhaitez ajouter le bloc des avis et du formulaire d'avis.
7. Cliquez sur Ajouter un bloc.
8. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
9. Facultatif : déplacez le bloc avis là où vous le souhaitez dans la section.
10. Cliquez sur Save (Enregistrer).

Ajouter des évaluations (nombre d'étoiles) dans les thèmes Online Store 2.0

Vous pouvez ajouter des évaluations (nombre d'étoiles) en tant que bloc dans la section principale du modèle de produit. Cette option est disponible dans tous les thèmes Online Store 2.0 de la boutique des thèmes de Shopify. Vous pouvez parfois les ajouter à d’autres sections et modèles, en fonction du thème.

Étapes :

Bureau

1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
3. Naviguez jusqu'à la page et la section où vous voulez ajouter l'évaluation (nombre d'étoiles).
4. Cliquez sur Ajouter un bloc.
5. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d'applications évaluation (nombre d'étoiles).
6. Facultatif : déplacez le bloc évaluation (nombre d'étoiles) à l'endroit où vous le souhaitez dans la section, ou personnalisez la couleur, la taille, l’alignement et le contexte de l’étoile.
7. Cliquez sur Save (Enregistrer).

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Gérer tous les thèmes.
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).
6. Naviguez jusqu'à la page et la section où vous voulez ajouter l'évaluation (nombre d'étoiles).
7. Cliquez sur Ajouter un bloc.
8. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d'applications évaluation (nombre d'étoiles).
9. Facultatif : déplacez le bloc évaluation (nombre d'étoiles) à l'endroit où vous le souhaitez dans la section, ou personnalisez la couleur, la taille, l’alignement et le contexte de l’étoile.
10. Cliquez sur Save (Enregistrer).

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Gérer tous les thèmes.
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).
6. Naviguez jusqu'à la page et la section où vous voulez ajouter l'évaluation (nombre d'étoiles).
7. Cliquez sur Ajouter un bloc.
8. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d'applications évaluation (nombre d'étoiles).
9. Facultatif : déplacez le bloc évaluation (nombre d'étoiles) à l'endroit où vous le souhaitez dans la section, ou personnalisez la couleur, la taille, l’alignement et le contexte de l’étoile.
10. Cliquez sur Save (Enregistrer).

Thèmes vintage avec sections

Vous pouvez ajouter des avis, inclure un formulaire d’avis et afficher des badges de score d’avis sur différentes pages des thèmes vintage avec sections.

Ajouter des avis et un formulaire d'évaluation à votre page de produit dans les thèmes en sections

Bureau

1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
2. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
3. Dans le répertoire Sections, ouvrez product-template.liquid.
4. Identifiez la zone du code où vous souhaitez afficher vos avis. Habituellement, cette zone est située sous la description du produit. Pour identifier la description du produit dans le fichier, recherchez la balise Liquid {{ product.description }}.
5. Sous le code contenant la balise Liquid {{ product.description }}, collez l'extrait suivant :

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. Cliquez sur Save (Enregistrer).

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Dans le répertoire Sections, ouvrez product-template.liquid.
6. Identifiez la zone du code où vous souhaitez afficher vos avis. Habituellement, cette zone est située sous la description du produit. Pour identifier la description du produit dans le fichier, recherchez la balise Liquid {{ product.description }}.
7. Sous le code contenant la balise Liquid {{ product.description }}, collez l'extrait suivant :

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. Cliquez sur Save (Enregistrer).

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Dans le répertoire Sections, ouvrez product-template.liquid.
6. Identifiez la zone du code où vous souhaitez afficher vos avis. Habituellement, cette zone est située sous la description du produit. Pour identifier la description du produit dans le fichier, recherchez la balise Liquid {{ product.description }}.
7. Sous le code contenant la balise Liquid {{ product.description }}, collez l'extrait suivant :

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. Cliquez sur Save (Enregistrer).

Ajouter des badges de notation à ses pages de collection dans les thèmes en sections

1. Depuis l’interface administrateur Shopify, allez à Online Store (Boutique en ligne) > Themes (Thèmes).
2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur le bouton … > Modifier le code.

3. Dans le répertoire Snippets (Extraits), ouvrez le fichier product-grid-item.liquid. Dans certains thèmes, ce fichier porte un nom différent. Si vous ne parvenez pas à trouver le fichier product-grid-item.liquid, recherchez l’un des fichiers suivants :

   • product-card-grid.liquid
   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquid
   • product-item.liquid

4. Identifiez la zone du code où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située sous le titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.

5. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Ajouter des badges de notation à vos pages de produit dans les thèmes en sections

Bureau

1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
2. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
3. Dans le répertoire Sections, ouvrez product-template.liquid.
4. Identifiez la zone du code où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située juste en dessous du titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.
5. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Dans le répertoire Sections, ouvrez product-template.liquid.
6. Identifiez la zone du code où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située juste en dessous du titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.
7. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Dans le répertoire Sections, ouvrez product-template.liquid.
6. Identifiez la zone du code où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située juste en dessous du titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.
7. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Ajouter des badges de notation à votre produit en vedette dans les thèmes en sections

Remarque

Si vous utilisez Venture, il n'est pas conseillé de placer des badges de notation sur votre produit en vedette.

Bureau

1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
2. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
3. Dans le répertoire Sections, ouvrez le fichier featured-product.liquid.
4. Identifiez la zone de l'extrait où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située sous le titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ title }}. Si la balise {{ title }} est introuvable, recherchez la balise {{ product.title }}.
5. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Dans le répertoire Sections, ouvrez le fichier featured-product.liquid.
6. Identifiez la zone de l'extrait où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située sous le titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ title }}. Si la balise {{ title }} est introuvable, recherchez la balise {{ product.title }}.
7. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Dans le répertoire Sections, ouvrez le fichier featured-product.liquid.
6. Identifiez la zone de l'extrait où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située sous le titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ title }}. Si la balise {{ title }} est introuvable, recherchez la balise {{ product.title }}.
7. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Thèmes vintage sans sections

Vous pouvez ajouter des avis, inclure un formulaire d’avis et afficher des badges de score d’avis sur différentes pages des thèmes vintage sans sections.

Ajouter des avis et un formulaire d'évaluation à votre page de produit dans les thèmes sans section

Bureau

1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
2. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
3. Dans le répertoire Templates (Modèles), ouvrez product.liquid.
4. Identifiez la zone du code où vous souhaitez afficher vos avis. Habituellement, cette zone est située sous la description du produit. Pour identifier la description du produit dans le fichier, recherchez la balise Liquid {{ product.description }}.
5. Sous le code contenant la balise Liquid {{ product.description }}, collez l'extrait suivant :

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. Cliquez sur Save (Enregistrer).

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Dans le répertoire Templates (Modèles), ouvrez product.liquid.
6. Identifiez la zone du code où vous souhaitez afficher vos avis. Habituellement, cette zone est située sous la description du produit. Pour identifier la description du produit dans le fichier, recherchez la balise Liquid {{ product.description }}.
7. Sous le code contenant la balise Liquid {{ product.description }}, collez l'extrait suivant :

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. Cliquez sur Save (Enregistrer).

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Dans le répertoire Templates (Modèles), ouvrez product.liquid.
6. Identifiez la zone du code où vous souhaitez afficher vos avis. Habituellement, cette zone est située sous la description du produit. Pour identifier la description du produit dans le fichier, recherchez la balise Liquid {{ product.description }}.
7. Sous le code contenant la balise Liquid {{ product.description }}, collez l'extrait suivant :

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. Cliquez sur Save (Enregistrer).

Ajouter des badges de notation à ses pages de collection dans les thèmes sans section

Bureau

1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
2. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.

3. Dans le répertoire Snippets (Extraits), ouvrez product-grid-item.liquid. Dans certains thèmes, ce fichier porte un nom différent. Si vous ne parvenez pas à trouver le fichier product-grid-item.liquid, recherchez l’un des fichiers suivants :

   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquidSi votre thème ne comporte aucun des fichiers ci-dessus, le code de votre grille de produits se trouve peut-être dans le fichier collection.liquid du répertoire Templates (Modèles).

4. Identifiez la zone du code où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située sous le titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.

5. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.

5. Dans le répertoire Snippets (Extraits), ouvrez product-grid-item.liquid. Dans certains thèmes, ce fichier porte un nom différent. Si vous ne parvenez pas à trouver le fichier product-grid-item.liquid, recherchez l’un des fichiers suivants :

   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquidSi votre thème ne comporte aucun des fichiers ci-dessus, le code de votre grille de produits se trouve peut-être dans le fichier collection.liquid du répertoire Templates (Modèles).

6. Identifiez la zone du code où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située sous le titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.

7. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.

5. Dans le répertoire Snippets (Extraits), ouvrez product-grid-item.liquid. Dans certains thèmes, ce fichier porte un nom différent. Si vous ne parvenez pas à trouver le fichier product-grid-item.liquid, recherchez l’un des fichiers suivants :

   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquidSi votre thème ne comporte aucun des fichiers ci-dessus, le code de votre grille de produits se trouve peut-être dans le fichier collection.liquid du répertoire Templates (Modèles).

6. Identifiez la zone du code où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située sous le titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.

7. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Ajouter des badges de notation à vos pages de produit dans les thèmes sans section

Bureau

1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
2. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
3. Dans le répertoire Templates (Modèles), ouvrez product.liquid.
4. Identifiez la zone du code où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située juste en dessous du titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.
5. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Dans le répertoire Templates (Modèles), ouvrez product.liquid.
6. Identifiez la zone du code où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située juste en dessous du titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.
7. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Dans le répertoire Templates (Modèles), ouvrez product.liquid.
6. Identifiez la zone du code où vous souhaitez afficher vos badges de notation. Habituellement, cette zone est située juste en dessous du titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.
7. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).