Afficher le carrousel principal sur un ancien thème

Wide Hello!

Voici comment afficher le carrousel principal sur un ancien thème en ajoutant du code

Si vous utilisez un nouveau thème Shopify 2.0, vous pouvez cliquer ici pour savoir comment afficher les différents widgets de WideReview.



Dans cet article :
Pages produits
Page d'accueil

Pages Produits

Afin d'ajouter le carousel principal sur vos pages produits vous devez copier le code suivant :

<div id="widereview-module"></div>

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



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



Collez le code où vous souhaitez afficher le carrousel (généralement à la fin du fichier)



Cliquez sur Enregistrer

Page d'Accueil

Afin d'ajouter le carrousel principal sur la page d'accueil vous devez copier le code suivant :

<div id="widereview-module" product-id="VOTRE_ID_PRODUIT"></div>

Remplacez VOTRE_ID_PRODUIT dans le code avec l'ID du produit pour lequel vous souhaitez voir les avis. (Comment trouver l'ID de mon produit ?)

Si vous souhaitez afficher tous les avis de votre boutique vous pouvez utiliser ce code à la place :

<div id="widereview-module" product-id="[all]" form-product-id="VOTRE_ID_PRODUIT"></div>

Dans le dashboard de votre boutique Shopify, cliquez sur Boutique en ligne > Thèmes > Personnaliser, pour ouvrir l'éditeur de votre thème



Sur la page d'accueil de votre thème, ajoutez une section pour ajouter du code HTML (c'est généralement appelé Liquid Code ou HTML code)



Collez le code dans le block HTML/Liquid



Cliquez sur Enregistrer



Si vous avez besoin d'aide vous pouvez contacter notre support par chat directement dans le dashboard de l'application WideReview

Mis à jour le : 18/01/2024