Aller au contenu principal

Variantes en cascade

Catégorie : Produits  ·  Plan min. : Pro  ·  Slug : cascading-variants

Créez des groupes de variantes dépendants — ex. : Marque → Modèle. Les groupes enfants n'apparaissent que lorsque l'option parent est sélectionnée.

Fonctionnalités

  • Groupes de variantes parent-enfant
  • Cascade Marque → Modèle
  • Compatible avec les variantes couleur et texte
  • Compatible avec le suivi de stock des variantes
  • Compatible avec le stock des combinaisons

Quand l'utiliser

Si vous vendez des coques de téléphone, des pièces auto, des batteries de remplacement, ou tout produit où le client doit « choisir une marque puis un modèle compatible », cet add-on assainit le sélecteur :

  • Sans : chaque paire (marque, modèle) doit être un produit séparé, ou vous laissez de longues listes déroulantes où le client peut choisir des combinaisons impossibles.
  • Avec : la marque est affichée d'abord ; une fois choisie, seuls les modèles compatibles sont révélés.

Comment l'activer

  1. Ouvrez Tableau de bord → Add-ons sur /dashboard/addons.
  2. Repérez Variantes en cascade dans la catégorie Produits.
  3. Cliquez Activer (plan Pro requis).
  4. Ouvrez un produit sur /dashboard/products/{id}/edit → la section Variantes expose désormais un sélecteur Dépend de pour les groupes enfants.

Pas-à-pas

  1. Sur un produit, ajoutez un groupe parent Marque avec les options Apple, Samsung, Xiaomi.
  2. Ajoutez un second groupe Modèle.
  3. Sur le second groupe, sélectionnez Dépend deMarque.
  4. Pour chaque option Marque, listez les Modèles applicables.
  5. Enregistrez. La vitrine masquera le sélecteur Modèle jusqu'à ce que le client choisisse une Marque, puis n'affichera que les modèles correspondants.

Compatibilité

  • Fonctionne avec les types color, text et image_text.
  • Le suivi de stock est préservé à tous les niveaux : stock par option, par combinaison ou par produit — voir Variantes.
  • Les cascades multi-niveaux sont supportées : Marque → Modèle → Année. Chaque groupe enfant déclare le parent immédiat dont il dépend.

Conseils

  • Utilisez image_text (petite image + libellé) sur le groupe Modèle pour distinguer visuellement les noms similaires.
  • Les groupes obligatoires doivent avoir Requis activé pour empêcher le client de passer à côté — la validation côté serveur rejette les commandes avec des sélections requises manquantes, mais la validation JS seule ne suffit pas.
  • Si vous passez au stock par combinaison, générez les combinaisons après avoir défini la cascade — seules les paires (Marque, Modèle) valides ont besoin d'un SKU.