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 fiche produit ; environ 30 lignes de Liquid + 40 lignes de JS.
- Fonctionne avec n'importe quel tiroir de panier — style Dawn, sur-mesure ou via une app.
- Se désactive automatiquement pour les variantes en rupture de stock avec un libellé 'Épuisé'.
- Déclenche l'événement
add_to_cartsur GA4 et Meta Ads pour conserver un tracking 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 nécessitant un choix de variante (taille, couleur), Fudge peut sélectionner la première disponible par défaut ou ouvrir un petit sélecteur de variantes — à vous de choisir.
- Rupture de stock — Fudge s'en occupe : les boutons se désactivent automatiquement et affichent le texte 'Épuisé'.
- Hook du tiroir de panier — fonctionne avec n'importe quel tiroir de panier ; Fudge détecte l'implémentation existante et s'y connecte.
- Tracking — Fudge s'en charge : 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 fiches produits des collections augmentent l’AOV
Pour les clients qui savent ce qu’ils veulent, un bouton d’ajout rapide (Quick Add) sur la fiche produit supprime complètement l’étape de la PDP. L’ajout en AJAX ouvre directement le tiroir du panier (cart drawer), le client voit son ajout et peut passer à la caisse ou continuer ses achats. AOV plus élevé, tunnel de conversion plus rapide.
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 en AJAX, sans rechargement de page — ouvre immédiatement le tiroir du panier.
- État désactivé en cas de rupture de stock — gestion des erreurs élégante.
- Appliqué à toutes les grilles de collection — UX cohérente.
Associez-le à une modale de vue rapide (quick-view) et à une barre de livraison gratuite dans le tiroir du panier.