Catégorie : Vitrine · Plan min. : Gratuit · Slug : offer-variant-popup
Remplace le sélecteur de variantes intégré par une fenêtre modale responsive lorsque les clients choisissent des offres multi-pièces. Affiche les images, couleurs et noms des variantes.
Fonctionnalités
Fenêtre modale responsive
Affiche les images et couleurs des variantes
Sélection de variantes par pièce pour les offres
Défilement automatique vers la pièce inachevée suivante
Prise en compte du stock entre les pièces
Ce que fait l'add-on
Quand un produit a une offre multi-quantité (« Achetez 3, économisez 20 % », « Pack de 2 », « 1 acheté = 1 offert »), chaque pièce peut avoir sa propre sélection de variantes — un client qui achète 3 t-shirts peut vouloir 1 rouge, 1 bleu, 1 noir.
Par défaut, ces sélecteurs sont affichés en inline sur la page produit — propre pour 2 pièces, à l'étroit pour 5. L'add-on les remplace par une modale responsive :
Une section par pièce de l'offre, toutes dans une même feuille défilante.
Quand le client termine une pièce, la modale défile en douceur vers la pièce inachevée suivante.
Les images de variantes apparaissent dans une mise en page carte plus grande — plus facile à toucher sur mobile.
Le client appuie sur تأكيد / Confirmer (Confirmer) une fois toutes les pièces remplies. Cela valide les choix, met à jour le prix affiché et les totaux, puis ferme la modale.
Confirmer n'ajoute rien au panier. L'ajout au panier / l'envoi de la commande reste une action distincte sur la page produit.
Après confirmation, la page produit affiche un résumé compact des choix de chaque pièce (avec des pastilles de couleur). Toucher ce résumé rouvre la modale avec les sélections précédentes conservées : le client peut donc changer une seule pièce sans refaire les autres.
Comment l'activer
Ouvrez Tableau de bord → Add-ons sur
/dashboard/addons.Repérez Popup de variantes pour les offres dans Vitrine.
Cliquez Activer (Plan Gratuit).
Le panneau de réglages expose : - Avancement automatique à la pièce suivante — activé par défaut : une fois une pièce complète, la modale défile vers la suivante encore inachevée. Le désactiver n'ajoute pas de bouton Suivant (il n'y a pas de bouton Suivant) — le client fait simplement défiler lui-même jusqu'à la pièce suivante. - Afficher les images de variantes — activé par défaut. Désactivé, n'affiche que le texte (plus rapide en connexion lente). Même activé, une image n'apparaît que pour les options de variantes que vous avez liées à l'une des images de la galerie du produit : les options de couleur sans image liée s'affichent en pastille de couleur, et les options purement textuelles en texte.
Aucune configuration produit requise au-delà des offres et des variantes elles-mêmes.
Où l'add-on s'applique
La page produit, sur les sept thèmes en production — y compris
digital.Uniquement pour les produits qui ont à la fois des offres multi-quantité et des variantes. Si l'un des deux manque, l'add-on ne fait rien et le sélecteur standard est utilisé.
Pas sur les landing pages (
/landing/...) — celles-ci conservent leurs sélecteurs inline par pièce.
Compatibilité
Compatible avec Variantes en cascade — les groupes enfants apparaissent dans la modale après sélection du parent. L'add-on corrige aussi la validation à l'ajout au panier pour cette combinaison : les groupes enfants masqués par la cascade ne comptent plus comme non renseignés, ce qui met fin aux faux messages « veuillez sélectionner toutes les options ».
Compatible avec le stock par combinaison de Gestion du stock. Il ne se contente pas de masquer les combinaisons globalement en rupture : il tient aussi compte de ce que les autres pièces de la même offre ont déjà pris. Un client qui achète 3 exemplaires d'une variante disponible en 2 unités ne peut pas la choisir trois fois : l'option est grisée et désélectionnée. Les options sans valeur de stock définie sont considérées comme illimitées.
Compatible avec l'add-on Boutique multilingue — les libellés de la popup sont traduits.
Conseils
Laissez avancement automatique activé pour la mode (Couleur → Taille passe vite). Désactivez-le si chaque pièce a plusieurs groupes (Marque → Modèle → Année) pour que le client puisse vérifier ses choix à son rythme avant de continuer.
L'option Afficher les images de variantes est utile quand les variantes sont visuellement distinctes (couleurs, motifs). Pour des variantes purement textuelles (tailles), désactivez-la pour gagner de la place.
Combinez avec Cadrage d'images pour que les images dans la popup soient cadrées correctement.
Pour les offres à une pièce (pas de multi-quantité), la popup ne s'active pas — le client voit le sélecteur intégré standard.