Utilisation de l'application Product Reviews
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.
Cliquez sur le bouton de la version d’architecture du thème, puis suivez les instructions pour ajouter des éléments d'avis à la boutique en ligne.
Sur cette page
- Ajouter des avis et un formulaire d'avis dans les thèmes Online Store 2.0
- Ajouter des évaluations (nombre d'étoiles) dans les thèmes Online Store 2.0
- Ajouter des avis et un formulaire d'évaluation à votre page de produit dans les thèmes en sections
- Ajouter des badges de notation à ses pages de collection dans les thèmes en sections
- Ajouter des badges de notation à vos pages de produit dans les thèmes en sections
- Ajouter des badges de notation à votre produit en vedette dans les thèmes en sections
- Ajouter des avis et un formulaire d'évaluation à votre page de produit dans les thèmes sans section
- Ajouter des badges de notation à ses pages de collection dans les thèmes sans section
- Ajouter des badges de notation à vos pages de produit dans les thèmes sans section
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
- Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
- Accédez au modèle de produit auquel vous souhaitez ajouter la section des avis et du formulaire d'avis.
- Cliquez sur Add section (Ajouter une section).
- Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
- Facultatif : déplacez la section de l’application à l'endroit où vous le souhaitez sur la page.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Gérer tous les thèmes.
- Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
- Appuyez sur Edit (Modifier).
- Accédez au modèle de produit auquel vous souhaitez ajouter la section des avis et du formulaire d'avis.
- Cliquez sur Add section (Ajouter une section).
- Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
- Facultatif : déplacez la section de l’application à l'endroit où vous le souhaitez sur la page.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Gérer tous les thèmes.
- Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
- Appuyez sur Edit (Modifier).
- Accédez au modèle de produit auquel vous souhaitez ajouter la section des avis et du formulaire d'avis.
- Cliquez sur Add section (Ajouter une section).
- Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
- Facultatif : déplacez la section de l’application à l'endroit où vous le souhaitez sur la page.
- Cliquez sur Save (Enregistrer).
Ajouter les avis et le formulaire d'avis en tant que bloc
- Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
- Accédez à la page et à la section où vous souhaitez ajouter le bloc des avis et du formulaire d'avis.
- Cliquez sur Ajouter un bloc.
- Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
- Facultatif : déplacez le bloc avis là où vous le souhaitez dans la section.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Gérer tous les thèmes.
- Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
- Appuyez sur Edit (Modifier).
- Accédez à la page et à la section où vous souhaitez ajouter le bloc des avis et du formulaire d'avis.
- Cliquez sur Ajouter un bloc.
- Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
- Facultatif : déplacez le bloc avis là où vous le souhaitez dans la section.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Gérer tous les thèmes.
- Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
- Appuyez sur Edit (Modifier).
- Accédez à la page et à la section où vous souhaitez ajouter le bloc des avis et du formulaire d'avis.
- Cliquez sur Ajouter un bloc.
- Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
- Facultatif : déplacez le bloc avis là où vous le souhaitez dans la section.
- 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 :
- Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
- Naviguez jusqu'à la page et la section où vous voulez ajouter l'évaluation (nombre d'étoiles).
- Cliquez sur Ajouter un bloc.
- Dans le menu déroulant, dans la section applications, sélectionnez le bloc d'applications évaluation (nombre d'étoiles).
- 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.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Gérer tous les thèmes.
- Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
- Appuyez sur Edit (Modifier).
- Naviguez jusqu'à la page et la section où vous voulez ajouter l'évaluation (nombre d'étoiles).
- Cliquez sur Ajouter un bloc.
- Dans le menu déroulant, dans la section applications, sélectionnez le bloc d'applications évaluation (nombre d'étoiles).
- 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.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Gérer tous les thèmes.
- Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
- Appuyez sur Edit (Modifier).
- Naviguez jusqu'à la page et la section où vous voulez ajouter l'évaluation (nombre d'étoiles).
- Cliquez sur Ajouter un bloc.
- Dans le menu déroulant, dans la section applications, sélectionnez le bloc d'applications évaluation (nombre d'étoiles).
- 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.
- Cliquez sur Save (Enregistrer).
Ajouter des avis et un formulaire d'évaluation à votre page de produit dans les thèmes en sections
- Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Sections, ouvrez
product-template.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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>
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Sections, ouvrez
product-template.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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>
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Sections, ouvrez
product-template.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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>
- Cliquez sur Save (Enregistrer).
Ajouter des badges de notation à ses pages de collection dans les thèmes en sections
- Depuis votre interface administrateur Shopify, accédez à Online Store (Boutique en ligne) > Themes (Thèmes).
- Recherchez le thème que vous souhaitez modifier, puis cliquez sur le bouton … > Modifier le code.
-
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 fichierproduct-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
-
Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
.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.
- Cliquez sur Save (Enregistrer).
Ajouter des badges de notation à vos pages de produit dans les thèmes en sections
- Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Sections, ouvrez
product-template.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Sections, ouvrez
product-template.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Sections, ouvrez
product-template.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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.
- Cliquez sur Save (Enregistrer).
Ajouter des badges de notation à votre produit en vedette dans les thèmes en sections
- Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Sections, ouvrez le fichier
featured-product.liquid
. - Identifiez la zone de l'extrait où vous souhaitez faire apparaître 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 }}
. - 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.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Sections, ouvrez le fichier
featured-product.liquid
. - Identifiez la zone de l'extrait où vous souhaitez faire apparaître 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 }}
. - 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.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Sections, ouvrez le fichier
featured-product.liquid
. - Identifiez la zone de l'extrait où vous souhaitez faire apparaître 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 }}
. - 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.
- Cliquez sur Save (Enregistrer).
Ajouter des avis et un formulaire d'évaluation à votre page de produit dans les thèmes sans section
- Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Templates (Modèles), ouvrez
product.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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>
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Templates (Modèles), ouvrez
product.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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>
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Templates (Modèles), ouvrez
product.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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>
- Cliquez sur Save (Enregistrer).
Ajouter des badges de notation à ses pages de collection dans les thèmes sans section
- Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
-
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 fichierproduct-grid-item.liquid
, recherchez l’un des fichiers suivants :-
product-card.liquid
-
product-card-item.liquid
-
product-block.liquid
Si votre thème ne comporte aucun des fichiers ci-dessus, le code de votre grille de produits se trouve peut-être dans le fichiercollection.liquid
du répertoire Templates (Modèles).
-
Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
.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.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
-
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 fichierproduct-grid-item.liquid
, recherchez l’un des fichiers suivants :-
product-card.liquid
-
product-card-item.liquid
-
product-block.liquid
Si votre thème ne comporte aucun des fichiers ci-dessus, le code de votre grille de produits se trouve peut-être dans le fichiercollection.liquid
du répertoire Templates (Modèles).
-
Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
.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.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
-
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 fichierproduct-grid-item.liquid
, recherchez l’un des fichiers suivants :-
product-card.liquid
-
product-card-item.liquid
-
product-block.liquid
Si votre thème ne comporte aucun des fichiers ci-dessus, le code de votre grille de produits se trouve peut-être dans le fichiercollection.liquid
du répertoire Templates (Modèles).
-
Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
.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.
- Cliquez sur Save (Enregistrer).
Ajouter des badges de notation à vos pages de produit dans les thèmes sans section
- Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Templates (Modèles), ouvrez
product.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Templates (Modèles), ouvrez
product.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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.
- Cliquez sur Save (Enregistrer).
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
- Dans le répertoire Templates (Modèles), ouvrez
product.liquid
. - Identifiez la zone du code où vous souhaitez faire apparaître 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 }}
. - 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.
- Cliquez sur Save (Enregistrer).