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
Dans cet article :
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
Mis à jour le : 22/11/2024
Merci !