Articles sur : Pour débuter 🔥

Afficher le mini carrousel sous le bouton ajout-au-panier sur un ancien thème

Wide Hello!

Voici comment afficher le mini carrousel sous le bouton ajout-au-panier 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
Produit en vedette sur la page d'accueil


Pages Produits


Afin d'ajouter le mini carrousel sous le bouton ajout-au-panier sur la page produit vous devez copier le code suivant :

<div class="widereview-mini" product-id="{{ product.id }}"></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 mini carrousel

Généralement vous devez le placer sous le bouton ajout-au-panier donc cherchez ce bouton dans le code (Vous pouvez chercher le code: type="submit")



Cliquez sur Enregistrer




Produit en Vedette sur la Page d'Accueil


Afin d'ajouter le mini carrousel sur le produit en vedette sur la page d'accueil vous devez copier le code suivant :

<div class="widereview-mini" product-id="{{ product.id }}"></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 votre produit en vedette dans les dossiers Modèles ou Sections.

Les fichiers sont généralement appelés: featured-product.liquid, homepage-product.liquid



Collez le code où vous souhaitez afficher le mini carrousel

Généralement vous devez le placer sous le bouton ajout-au-panier donc cherchez ce bouton dans le code (Vous pouvez chercher le code: type="submit")



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 : 22/11/2024

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !