Comment permettre aux clients de choisir une variante par article (pastilles)

Pour une offre de Remises sur quantité, activez le sélecteur de variantes afin de permettre aux clients de choisir une taille, une couleur ou une autre option pour chaque unité. Par exemple, une offre Achetez-en 2 peut contenir un sac ivoire en taille Small et un sac blush en taille Large. Choisissez des menus déroulants, des pastilles de couleur, des boutons ou des images de variante pour rendre ces choix clairs.

Activer le sélecteur de variantes

Ce paramètre se trouve dans la carte Sélecteur de variantes de l'onglet Modules complémentaires de l'éditeur de bundles. Un interrupteur dans l'en-tête de la carte indique s'il est activé ou désactivé.

1. Ouvrez le bundle que vous souhaitez modifier, accédez à l'onglet Modules complémentaires et recherchez la carte Sélecteur de variantes.
2. Activez l'interrupteur dans l'en-tête de la carte.

Pour les offres régulières de Remises sur quantité et les offres Achetez X, obtenez Y, l'activation de ce paramètre donne à chaque unité son propre choix. Lorsqu'il est désactivé, une offre régulière non épinglée suit la variante sélectionnée dans le thème. Les cartes de Bundle fixe et les produits principaux épinglés à un ensemble de variantes peuvent toujours disposer d'un sélecteur intégré à la carte.

Ce que contrôle l'interrupteur

Pour les offres régulières, cet interrupteur contrôle le sélecteur par unité du produit principal. Une carte principale Bundle fixe conserve un sélecteur intégré à la carte même lorsque l'interrupteur est désactivé, afin que les clients puissent choisir en même temps que les autres produits requis. Les produits requis du bundle, les cadeaux et les extras facultatifs conservent également leurs propres choix lorsque cela s'applique. Un produit principal épinglé peut aussi conserver un sélecteur simple lorsque l'interrupteur est désactivé, limité aux variantes que vous avez épinglées.

Lorsque l'interrupteur est désactivé, les lignes de Bundle fixe utilisent des menus déroulants simples. Lorsqu'il est activé, les types d'affichage configurés s'appliquent également aux lignes des produits requis du bundle. Les sélecteurs de cadeaux et d'extras facultatifs utilisent leurs propres commandes. Un produit ne comportant qu'une seule variante sélectionnable peut afficher son identité sous forme de texte plutôt qu'un menu déroulant inutile.

Définir le type d'affichage de chaque option

Une fois l'interrupteur activé, Bundlex charge les options de variante trouvées sur les produits auxquels ce bundle s'applique et les répertorie dans un tableau à trois colonnes : Option, Type d'affichage et Préréglage. Chaque ligne correspond à une option, par exemple Taille ou Couleur.

Dans la colonne Type d'affichage, choisissez comment cette option apparaît sur la page produit :

• Menu déroulant - un menu de sélection standard.
• Pastille de couleur - de petites pastilles de couleur. Permet d'attribuer une couleur à chaque valeur, voir ci-dessous.
• Pastille / Bouton - des pastilles ou boutons cliquables, éventuellement accompagnés de l'image de la variante.
• Image de variante - affiche chaque valeur sous forme d'image de son produit.

Vous pouvez combiner les types entre les options, par exemple une pastille de couleur pour Couleur et un menu déroulant pour Taille sur le même produit. Cliquez sur l'icône d'affichage, en forme d'œil, à côté du nom d'une option pour afficher dans le panneau d'aperçu un produit qui possède cette option.

Choisir un préréglage partagé

La colonne Préréglage définit le style visuel d'un type d'affichage. Les préréglages sont partagés par type : toutes les options qui utilisent le même type d'affichage partagent un préréglage. Modifier le préréglage d'une option met donc à jour toutes les autres options de ce type. Les types Pastille de couleur, Pastille / Bouton et Image de variante disposent chacun de leur propre ensemble de préréglages. Le type Menu déroulant n'a pas de préréglage.

Choisissez Personnalisé dans le menu des préréglages pour ouvrir la section Style de pastille, où vous pouvez affiner le style au-delà des préréglages intégrés.

Attribuer des couleurs aux pastilles de couleur

Lorsqu'une option utilise le type d'affichage Pastille de couleur, chacune de ses valeurs dispose d'un champ de couleur avec un sélecteur de couleur. Vous pouvez :

• Définir chaque couleur manuellement avec le sélecteur ou en saisissant une valeur hexadécimale.
• Cliquez sur Détecter automatiquement les couleurs pour remplir automatiquement les couleurs à partir des noms de valeurs, par exemple « Navy » ou « Forest green ». La détection automatique ne remplit que les valeurs encore vides et devient indisponible lorsque toutes les couleurs sont définies.

Afficher les noms des couleurs sur ordinateur

Ouvrez Style de pastille > Pastille de couleur et activez Afficher le nom de la couleur au survol pour afficher une infobulle contenant le nom de la couleur. Cette option s'applique aux pastilles de couleur, et non à tous les types d'affichage. Les appareils tactiles ne disposent pas d'infobulle au survol.

Afficher l'image de la variante

Activez Afficher l'image de la variante, disponible une fois le sélecteur activé, pour afficher l'image de la variante sélectionnée à côté du sélecteur de variantes. Cette option fonctionne avec tous les types de sélecteur, et pas uniquement avec le type d'affichage Image de variante.

Masquer le sélecteur de variantes du thème

Lorsque le sélecteur est activé, vous disposez également de l'option Masquer le sélecteur de variantes du thème. Elle masque le sélecteur de variantes par défaut de votre thème afin que seul celui de Bundlex soit visible. Le sélecteur du thème est masqué avec CSS plutôt que supprimé, ce qui permet à l'intégration normale du thème de continuer à synchroniser l'image du produit principal. Testez ce comportement avec votre thème.

Si l'image du produit principal ne se met pas à jour lorsqu'une variante est sélectionnée, vous devrez peut-être ajuster le sélecteur du bloc Variantes dans les paramètres d'intégration de l'application Bundlex afin qu'il corresponde à votre thème. Contactez l'assistance si vous avez besoin d'aide.

Replier les longues listes par unité

Replier les sélecteurs de variantes regroupe les choix de chaque unité dans une ligne qui s'ouvre une à la fois. Cela peut garder une offre importante de Remises sur quantité compacte. Cette option ne s'applique pas aux offres Bundle fixe.

Tester les choix, le stock et les prix

Enregistrez et activez la remise, puis testez un produit éligible sur la vitrine. Cette démonstration utilise la Lituanie avec l'USD. Dans cet exemple, le sac Small Ivory coûte 24 $ et le sac Large Blush coûte 30 $. Une offre Achetez-en 2 avec une remise de 10 % revient à 48,60 $. Ajoutez-la avec le bouton Ajouter au panier réel et vérifiez les deux couleurs, les deux tailles et le total dans le panier et lors du paiement.

Une combinaison épuisée peut rester visible et sélectionnable lorsque Masquer les variantes indisponibles est désactivé. Dans cette démonstration, choisir Blush / Small affiche un message d'indisponibilité et bloque l'ajout au panier. Choisir la taille Large réactive le bouton. Une combinaison qui n'existe pas du tout est différente : le sélecteur peut déplacer les options suivantes vers une combinaison valide. Vérifiez donc la taille finale après avoir changé de couleur.

Pour supprimer les valeurs épuisées des sélecteurs pris en charge, ouvrez Avancé > Offres et stock > Masquer les variantes indisponibles. La disponibilité suit la politique d'inventaire de Shopify. Une variante avec un stock nul qui autorise la poursuite des ventes peut donc rester disponible. Consultez la disponibilité des options de variante pour connaître le périmètre et les détails du comportement de secours.

Lorsqu'il n'y a rien à choisir

Lorsque l'ensemble sélectionnable contient exactement une variante, une liste déroulante se réduit au nom de la variante sur la carte. Les pastilles ou échantillons de couleur configurés peuvent rester visibles sous forme de badge sélectionné. Les produits qui possèdent uniquement la variante par défaut de Shopify n'ont pas besoin de sélecteur.

C'est pourquoi un sélecteur que vous attendiez peut être absent. Cela signifie généralement l'une des choses suivantes :

• Le produit possède réellement une seule variante.
• Vous avez limité l'article à une seule variante.
• Masquer les variantes indisponibles est activé et une seule variante est encore en stock.

Le réapprovisionnement d'une variante ou l'élargissement de la sélection limitée fait réapparaître automatiquement le sélecteur. L'offre principale et les cartes des produits obligatoires du bundle suivent ce comportement, du sélecteur à l'identité. Les cadeaux, les upsells et les options supplémentaires disposent de leur propre filtrage de disponibilité ; lorsqu'un seul choix est disponible, son nom de variante peut ne pas s'afficher séparément.

Recharger les options après la modification des variantes

Si vous ajoutez, renommez ou supprimez des variantes de vos produits après cette configuration, cliquez sur Recharger les options en haut du tableau des options de variante pour importer les dernières options. Bundlex confirme une modification par le message « Variantes mises à jour », ou affiche « Rechargées, aucune modification » lorsque l'ensemble d'options est déjà à jour. Enregistrez les modifications éventuelles avant de vérifier la boutique en ligne. Les nouvelles couleurs visibles dans l'éditeur ne sont pas publiées tant qu'elles ne sont pas enregistrées.

Si aucune option n'apparaît

Le tableau des options de variante a besoin des données d'options des produits pour le ciblage du bundle et les produits obligatoires du bundle. Si les options sont encore en cours de chargement, attendez la fin du processus avant de considérer le tableau vide comme un problème de configuration. Si vous voyez une invitation à sélectionner des produits ou des collections, configurez-les d'abord dans la section Afficher le widget sur. Si vous voyez plutôt « Aucune option de variante trouvée pour les produits sélectionnés », les produits sélectionnés ne possèdent aucune option de variante à configurer.