Ajout rapide

L’ajout rapide permet à un client d’ajouter un produit à son panier directement depuis une carte produit, sans ouvrir la page complète du produit. Vous l’activez pour chaque section dans l’éditeur de thème, et les acheteurs qui consultent les cartes de cette section voient un contrôle d’ajout au panier intégré ou un panneau d’ajout rapide permettant de choisir les options et les quantités.

Activer l’ajout rapide

L’ajout rapide est un paramètre propre à chaque section. Vous devez donc l’activer séparément pour chaque emplacement où votre boutique affiche des cartes produit.

1. Dans l’éditeur de thème Shopify, ouvrez la section qui affiche les cartes produit.

2. Activez le paramètre Activer le bouton d’ajout rapide.

Le paramètre est disponible dans les sections En-tête, Collection à la une, Grille de collection principale, Recommandations de produits, Recherche et Carte produit à la une.

Affichage de l’ajout rapide sur les cartes produit

Une fois l’option activée, une carte produit utilise l’un des deux contrôles suivants, selon le produit. Pour un produit avec une seule variante et aucune règle de quantité, la carte affiche un bouton Ajouter au panier direct qui ajoute immédiatement l’article. Pour un produit avec plusieurs variantes ou soumis à une règle de quantité (minimum supérieur à 1, maximum ou incrément supérieur à 1), la carte affiche un bouton Ajouter au panier qui ouvre le panneau d’ajout rapide.

Choisir les options et les quantités dans le panneau d’ajout rapide

Le panneau d’ajout rapide permet aux acheteurs de sélectionner des variantes et de confirmer l’ajout au panier pour les produits qui nécessitent des options. Il peut afficher le contenu multimédia à la une, le titre du produit, le prix de la variante sélectionnée, le sélecteur de variantes et les boutons d’achat, ainsi qu’un lien facultatif Afficher plus de détails vers la page complète du produit.

Lorsqu’un acheteur sélectionne une variante, le prix est mis à jour pour correspondre à cette variante. Si l’option sélectionnée ne possède aucune variante disponible, elle est indiquée comme indisponible. Si la variante actuelle est épuisée, le bouton Ajouter au panier est désactivé et affiche Épuisé. Un produit configuré en précommande affiche à la place Précommande.

Après un ajout réussi, le panneau se ferme et le panier est mis à jour. Vous pouvez fermer le panneau à l’aide de son contrôle de fermeture, en cliquant sur la superposition ou en appuyant sur la touche Échap.

Paramètres et blocs

Modifiez le contenu affiché dans le panneau d’ajout rapide à partir du modèle product.quick-add.

Blocs

Blocs disponibles :

• Sélecteur de variantes (identique à celui de la section produit principale)

• Boutons d’achat (identiques à ceux de la section produit principale)

Tester l’ajout rapide sur ordinateur et appareil mobile

Prévisualisez votre boutique avant de la publier pour vérifier que les deux contrôles des cartes fonctionnent. Effectuez un test avec un produit doté d’une seule variante et avec un produit comportant plusieurs options ou soumis à une règle de quantité.

1. Dans l’éditeur de thème, ouvrez une page de collection ou de collection à la une sur laquelle l’ajout rapide est activé.

2. Pour un produit à variante unique, cliquez sur le bouton intégré Ajouter au panier et vérifiez que l’article apparaît dans le panier.

3. Pour un produit à plusieurs variantes ou soumis à une règle de quantité, cliquez sur Ajouter au panier, choisissez une option dans le panneau, puis ajoutez l’article.

4. Passez à l’aperçu mobile et répétez les deux mêmes étapes pour vérifier que les deux contrôles se comportent de la même manière sur un écran tactile.