Choisir l'affichage des options de variante

Bundlex vous permet de choisir l'apparence de chaque option de variante dans le widget, afin que le sélecteur s'adapte à votre produit et à votre thème. Vous définissez ce réglage pour chaque option, de sorte que la couleur puisse avoir une apparence différente de la taille.

Accéder aux commandes d'affichage

1. Ouvrez le bundle et accédez à Add-ons > Variant selector.
2. Activez le sélecteur et repérez le tableau Variant options.
3. Choisissez un Display type et un Preset pour chaque option, puis vérifiez l'aperçu.
4. Enregistrez, puis testez une page produit ciblée avec le bundle activé.

Les options proviennent des produits ciblés par le bundle. Si une option récemment ajoutée est absente, utilisez Reload options. Les options ayant le même type d'affichage partagent un même préréglage. Modifier le préréglage de l'une d'elles met donc également à jour les autres options de ce type.

Types d'affichage

Pour chaque option de variante, vous pouvez choisir l'un des formats suivants :

• Dropdown : un menu compact, adapté aux longues listes comme les tailles.
• Color swatch : des échantillons de couleur, avec détection automatique des couleurs lorsque cela est possible et une forme contrôlée par le préréglage.
• Pill / Button : des boutons sur lesquels appuyer pour chaque valeur.
• Variant image : chaque valeur est affichée avec sa propre image.

Options épuisées

Par défaut, les valeurs épuisées peuvent rester visibles avec un style indiquant leur indisponibilité. La sélection d'une combinaison indisponible affiche un message et empêche son ajout. Si vous préférez masquer les valeurs indisponibles, cochez Hide unavailable variants sous Advanced > Offers and stock.

Cela concerne le sélecteur de variantes de l'offre elle-même et les sélecteurs des ventes croisées fixes. Les cadeaux gratuits, les upsells et les modules complémentaires masquent déjà les variantes épuisées, ce réglage n'a donc aucun effet dans ces cas. Pour en savoir plus sur les raisons pour lesquelles une variante est indiquée comme indisponible, consultez la variante est indiquée comme indisponible.

Afficher le nom de la couleur au survol

Un échantillon de couleur affiche la couleur, et non son nom, ce qui peut poser problème lorsque « Sand » et « Stone » sont presque identiques. Cochez Show color name on hover dans les paramètres de style Color swatch. Le survol d'un échantillon affiche alors une petite infobulle avec le nom de la valeur.

Elle apparaît instantanément et adopte le style du widget, au lieu de la boîte grise affichée lentement par défaut par le navigateur. Les clients qui parcourent les échantillons au clavier la voient également.

Cette fonction est volontairement désactivée sur les téléphones et les tablettes. En l'absence de véritable survol, l'infobulle s'afficherait brièvement au-dessus de l'échantillon que le client vient de toucher et masquerait l'élément qu'il regardait. Cela concerne uniquement les échantillons de couleur ; les pastilles affichent déjà leur nom, et les images de variantes affichent le leur si vous cochez Show label below image dans les paramètres de style Image swatch.

Style et libellés

Vous pouvez ajuster la taille, la forme et les couleurs des échantillons et des pastilles à l'aide des préréglages de style. Pour masquer les libellés des options, cochez Hide variant labels sous Style > Widget style > Variant label. Les numéros de ligne par article apparaissent automatiquement lorsqu'une offre comporte plusieurs lignes d'articles ; ils ne disposent pas de leur propre interrupteur. Vous pouvez également masquer le sélecteur de variantes de votre thème afin que seul le sélecteur Bundlex s'affiche.

Pour savoir comment se comporte le sélecteur de variantes lorsque les clients choisissent une variante pour chaque article, consultez permettre aux clients de choisir une variante par article.