Comment afficher les avis sous forme de grille ?
Wide Hello!
Le widget principal de WideReview est le grand carousel principal. C'est pourquoi il est ajouté par défaut sur les toutes les pages produits.
En revanche, vous avez la possibilité d'afficher les avis sous forme de grille également. Comme ça 👇

Alors voyons comment faire !
Pour aller plus vite dans cet article, choisissez où vous souhaitez faire apparaître les avis en grille :
Ajouter les avis sous forme de grille sur une page dédiée
Ajouter les avis sous forme de grille sur la page d'accueil
Ajouter les avis sous forme de grille sur les pages produits
Vous avez peut-être envie de placer ces avis sur une page dédiée.
Ouvrez sur Shopify la page sur laquelle vous souhaitez afficher les avis

Affichez le mode "code" en cliquant sur l'icone <>

Copiez le code suivant :
<div id="widereview-grid" product-id="PRODUCT_ID" form-product-id="PRODUCT_ID"></div>
Collez le là où vous souhaitez le faire apparaître dans la page

Remplacez les deux "PRODUCT_ID" dans le code par l'ID du produit dont vous souhaitez afficher les avis sans retirer les guillemets (Comment trouver l'ID de mon produit ?)

Vous pouvez afficher tous les avis de votre boutique en remplaçant le premier "PRODUCT_ID" par le mot [all]. Le deuxième "PRODUCT_ID" doit toujours être le produit auquel est rattaché le widget.

Assurez vous que le mode "grille" soit bien activé en allant sur WideReview dans Paramètres > Général > Afficher les avis sous forme de grille

Cliquez sur Editer pour accéder à l'éditeur de thème

Ouvrez la page d'accueil

Tout en bas à gauche cliquez sur Ajouter une section

Recherchez WideReview et cliquez sur "WideReview Grid"

Cliquez sur la nouvelle section que vous venez d'ajouter

Selectionnez le produit dont vous souhaitez afficher les avis. Cela servira également à savoir sur quel produit seront publiés les nouveaux avis.

Cochez la case "Afficher tous les avis sur vos produits" si vous souhaitez afficher tous les avis de votre boutique

Assurez vous que le mode "grille" soit bien activé en allant sur WideReview dans Paramètres > Général > Afficher les avis sous forme de grille

Vous pouvez également ajouter les avis sous forme de grille directement sur vos pages produits. La méthode pour les ajouter dépendra de si votre thème est un thème 2.0 ou non. (Comment savoir si mon thème est un thème 2.0 ?)
Si vous ne savez pas si votre thème est un thème 2.0, cliquez ici
Ouvrez votre éditeur de thème

Ouvrez votre page produit en haut

Cliquez sur Ajouter une section tout en bas à gauche

Cherchez "WideReview" et cliquez sur WideReview Grid

Cliquez sur la nouvelle section ajoutée

Choisissez d'afficher les avis du produit présent sur la page ou bien tous les avis du site

Assurez vous que le mode "grille" soit bien activé en allant sur WideReview dans Paramètres > Général > Afficher les avis sous forme de grille

Contrairement aux thèmes 2.0 il n'est pas possible d'ajouter de sections sur votre page produit. Il vous faudra donc forcément ouvrir le code de votre thème pour ajouter le code manuellement où vous le souhaitez.
Ouvrez le code de votre thème

Cherchez le fichier correspondant à votre page produit. Le fichier est généralement dans "Snippet > product-template.liquid" ou "Snippet > product-form.liquid".
Contactez notre support client si vous ne le trouvez pas !
Copiez le code suivant :
<div id="widereview-grid"></div>
Placez cette ligne dans le code de votre thème où vous souhaitez faire apparaître les avis en grille

Sauvegardez !
Assurez vous que le mode "grille" soit bien activé en allant sur WideReview dans Paramètres > Général > Afficher les avis sous forme de grille

Et voilà ! Vous avez maintenant placé les avis sous forme de grille ! 😁
Le widget principal de WideReview est le grand carousel principal. C'est pourquoi il est ajouté par défaut sur les toutes les pages produits.
En revanche, vous avez la possibilité d'afficher les avis sous forme de grille également. Comme ça 👇

Alors voyons comment faire !
Pour aller plus vite dans cet article, choisissez où vous souhaitez faire apparaître les avis en grille :
Ajouter les avis sous forme de grille sur une page dédiée
Ajouter les avis sous forme de grille sur la page d'accueil
Ajouter les avis sous forme de grille sur les pages produits
Afficher les avis sous forme de grille sur une page dédiée
Vous avez peut-être envie de placer ces avis sur une page dédiée.
Ouvrez sur Shopify la page sur laquelle vous souhaitez afficher les avis

Affichez le mode "code" en cliquant sur l'icone <>

Copiez le code suivant :
<div id="widereview-grid" product-id="PRODUCT_ID" form-product-id="PRODUCT_ID"></div>
Collez le là où vous souhaitez le faire apparaître dans la page

Remplacez les deux "PRODUCT_ID" dans le code par l'ID du produit dont vous souhaitez afficher les avis sans retirer les guillemets (Comment trouver l'ID de mon produit ?)

Vous pouvez afficher tous les avis de votre boutique en remplaçant le premier "PRODUCT_ID" par le mot [all]. Le deuxième "PRODUCT_ID" doit toujours être le produit auquel est rattaché le widget.

Assurez vous que le mode "grille" soit bien activé en allant sur WideReview dans Paramètres > Général > Afficher les avis sous forme de grille

Afficher les avis sous forme de grille sur la page d'accueil
Cliquez sur Editer pour accéder à l'éditeur de thème

Ouvrez la page d'accueil

Tout en bas à gauche cliquez sur Ajouter une section

Recherchez WideReview et cliquez sur "WideReview Grid"

Cliquez sur la nouvelle section que vous venez d'ajouter

Selectionnez le produit dont vous souhaitez afficher les avis. Cela servira également à savoir sur quel produit seront publiés les nouveaux avis.

Cochez la case "Afficher tous les avis sur vos produits" si vous souhaitez afficher tous les avis de votre boutique

Assurez vous que le mode "grille" soit bien activé en allant sur WideReview dans Paramètres > Général > Afficher les avis sous forme de grille

Afficher les avis sous forme de grille sur les pages produits
Vous pouvez également ajouter les avis sous forme de grille directement sur vos pages produits. La méthode pour les ajouter dépendra de si votre thème est un thème 2.0 ou non. (Comment savoir si mon thème est un thème 2.0 ?)
1) Mon thème est un thème 2.0 (descendez plus bas si vous avez un ancien thème)
Si vous ne savez pas si votre thème est un thème 2.0, cliquez ici
Ouvrez votre éditeur de thème

Ouvrez votre page produit en haut

Cliquez sur Ajouter une section tout en bas à gauche

Cherchez "WideReview" et cliquez sur WideReview Grid

Cliquez sur la nouvelle section ajoutée

Choisissez d'afficher les avis du produit présent sur la page ou bien tous les avis du site

Assurez vous que le mode "grille" soit bien activé en allant sur WideReview dans Paramètres > Général > Afficher les avis sous forme de grille

2) Mon thème est un ancien thème
Contrairement aux thèmes 2.0 il n'est pas possible d'ajouter de sections sur votre page produit. Il vous faudra donc forcément ouvrir le code de votre thème pour ajouter le code manuellement où vous le souhaitez.
Ouvrez le code de votre thème

Cherchez le fichier correspondant à votre page produit. Le fichier est généralement dans "Snippet > product-template.liquid" ou "Snippet > product-form.liquid".
Contactez notre support client si vous ne le trouvez pas !
Copiez le code suivant :
<div id="widereview-grid"></div>
Placez cette ligne dans le code de votre thème où vous souhaitez faire apparaître les avis en grille

Sauvegardez !
Assurez vous que le mode "grille" soit bien activé en allant sur WideReview dans Paramètres > Général > Afficher les avis sous forme de grille

Et voilà ! Vous avez maintenant placé les avis sous forme de grille ! 😁
Mis à jour le : 06/06/2022
Merci !