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

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