Ajoute un bouton d'ajout rapide sur chaque fiche produit des grilles de collection. Ajout via AJAX, ouvre le tiroir du panier.
Want more control? See the expanded prompt ›
Sur chaque fiche produit de la grille de collection, ajoute un bouton 'Ajout rapide' qui ajoute la première variante disponible au panier via AJAX et ouvre le tiroir du panier. Désactive-le en cas de rupture de stock.
- Bouton d'ajout rapide sur chaque carte produit ; ~30 lignes de Liquid + ~40 lignes de JS.
- Fonctionne avec la plupart des tiroirs de panier, y compris ceux du thème Dawn, sur mesure et basés sur des applications ; Fudge vérifie le vôtre dans le brouillon.
- Se désactive automatiquement pour les variantes épuisées avec une étiquette « Épuisé ».
- Déclenche l'événement
add_to_cartvers GA4 et Meta Ads pour que le tracking reste intact.
Ce que vous essayez de faire
Pour les boutiques avec des structures de variantes simples ou des catalogues axés sur les best-sellers, la PDP est une étape de friction. L'ajout rapide transforme une page collection en un chemin vers le panier en un seul clic — la différence entre trois clics et un clic, répétée pour chaque produit de la grille.
Points de vigilance
- Variantes : pour les produits avec des variantes obligatoires (taille, couleur), Fudge peut utiliser par défaut la première disponible ou ouvrir un petit sélecteur de variantes — c'est à vous de choisir.
- Épuisé : les boutons se désactivent automatiquement et affichent le texte « Épuisé ».
- Hook du tiroir de panier : fonctionne avec la plupart des tiroirs de panier ; Fudge détecte l'implémentation existante, s'y connecte et la teste dans le brouillon.
- Tracking : Fudge déclenche un événement
add_to_cartpour que les pixels GA4 et Meta Ads capturent l'action.
Comment Fudge procède
Fudge duplique votre thème en ligne dans un brouillon, crée la section sous forme de section Shopify éditable avec l'emplacement et le comportement demandés par votre prompt, et la connecte aux vraies données de vos produits et au style de votre marque. Tout commence en brouillon — prévisualisez sur votre boutique, ajustez via l'Éditeur de thème, et ne publiez que lorsque vous êtes prêt. Votre boutique en ligne reste intacte.
Pourquoi les boutons d’ajout rapide sur les cartes produit aident les acheteurs à commander plus vite
Pour les acheteurs qui savent ce qu’ils veulent, un bouton d’ajout rapide sur la carte produit élimine complètement l’étape de la page produit. L’ajout AJAX ouvre le tiroir de panier, l’acheteur voit son ajout et peut soit passer à la caisse, soit continuer ses achats.
Quand est-ce utile à mettre en place
Créez un ajout rapide pour les grilles de collection sur des catalogues avec des structures de variantes simples. À éviter pour les produits nécessitant une configuration détaillée (choix de taille, personnalisation).
Ce qui fait un bon bouton d’ajout rapide
- Logique de la première variante disponible — pour les produits avec plusieurs variantes, sélectionne la première en stock.
- Ajout AJAX, sans rechargement de page — ouvre immédiatement le tiroir de panier.
- État désactivé en cas de rupture de stock — gestion propre des indisponibilités.
- Appliqué à toutes les grilles de collection — UX cohérente.
Associez ceci à la modale d’aperçu rapide du produit et à la barre de livraison gratuite du tiroir de panier.
Fudge crée cela dans le cadre de son travail de merchandising.