Catégorie : Vitrine · Plan min. : Pro · Slug : digital-product · Thème : digital uniquement
Transforme le sélecteur de variantes des pages produit du thème Digital en une interface accordéon élégante en 2 étapes. Affiche le prix final sur chaque option. Sélection unique parmi tous les groupes.
Fonctionnalités
Sélecteur de variantes accordéon en 2 étapes
Prix final par option (base + ajustement)
Sélection unique parmi tous les groupes de variantes
Animations CSS fluides correspondant au thème Digital
Accessible au clavier (Entrée/Espace pour sélectionner)
Aucune configuration produit requise
Pourquoi l'utiliser
Le sélecteur de variantes par défaut convient aux boutiques mode, mais sur le thème Digital — conçu pour l'électronique premium et les produits chers — la mise en page accordéon ressemble plus à un configurateur qu'à un formulaire. Le client voit le prix final se mettre à jour à chaque option choisie.
Comment l'activer
Assurez-vous que votre boutique utilise le thème Digital (
/dashboard/themes). L'add-on est verrouillé sur ce thème.Ouvrez Tableau de bord → Add-ons sur
/dashboard/addons.Repérez Variantes Produit Digital dans Vitrine.
Cliquez Activer (plan Pro requis).
Aucune configuration n'est nécessaire sur les produits — vos groupes et options de variantes existants s'affichent automatiquement dans l'accordéon.
⚠️ Attention — L'activation ne contrôle pas cet add-on aujourd'hui
C'est un défaut connu. L'accordéon s'affiche sur toutes les pages produit du thème Digital comportant des variantes, que l'add-on ait été activé ou non — et le désactiver ne le retire pas. Tant que le contrôle d'activation n'est pas ajouté, considérez l'accordéon comme le sélecteur de variantes du thème Digital plutôt que comme une option à activer.
Aperçu
Chaque groupe de variantes devient une section d'accordéon. Seul le premier groupe s'ouvre automatiquement au chargement de la page.
Au tap, la section se déplie. Le client choisit une option et la section se replie — rien d'autre ne s'ouvre, le client tape lui-même l'en-tête du groupe suivant.
Chaque ligne d'option affiche : une pastille de couleur (groupes couleur uniquement), le nom de l'option, et le prix final = prix produit de base +
price_adjustmentde l'option. L'accordéon n'affiche jamais de miniatures d'option.Les options en rupture de stock restent visibles avec une mention épuisé, mais ne peuvent être ni sélectionnées ni atteintes au clavier.
Les options désactivées sur le produit ne sont pas affichées du tout, et un groupe dont toutes les options sont désactivées est entièrement ignoré.
Les listes déroulantes et pastilles de variantes en double dans la carte d'achat latérale du thème Digital sont masquées tant que l'accordéon est actif. La quantité, le prix et le bouton d'achat restent en place.
Comportement de validation
Le bouton Ajouter au panier est toujours cliquable. Au clic, l'add-on vérifie uniquement qu'au moins une option a été choisie, n'importe où — les indicateurs Requis par groupe sont ignorés. Si rien n'est sélectionné, le sélecteur est surligné en rouge, le premier groupe non sélectionné s'ouvre et la page défile jusqu'à lui.
Interaction avec les Variantes en cascade
Sur un produit utilisant les Variantes en cascade, les groupes enfants en cascade sont exclus de l'accordéon et conservent le sélecteur standard. Si tous les groupes du produit sont des enfants en cascade, l'accordéon ne s'affiche pas du tout.
Conseils
Réglez
price_adjustmentcorrectement — c'est le delta par rapport au prix de base, pas le prix absolu. La pastille affiche base + ajustement.
Exigence de thème
Cet add-on ne s'affiche que sur le thème Digital. Si vous passez à bloom, brico, prestige, promobi, showcase ou starter, la vitrine bascule sur le sélecteur par défaut jusqu'à réactivation du thème Digital.