Catégorie : Boutique · 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. Une seule option mise en évidence à la fois parmi tous les groupes.
Fonctionnalités
Sélecteur de variantes accordéon en 2 étapes
Prix final par option (base + ajustement)
Une seule option mise en évidence à la fois parmi tous les groupes de variantes. Une option choisie plus tôt dans un autre groupe n'est pas retirée de la commande : elle reste dans le panier avec son ajustement de prix, sauf si aucune combinaison en stock ne l'associe au nouveau choix.
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 les produits digitaux et les services, 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. Digital est le thème réservé aux produits digitaux : y passer bascule toute la boutique en mode digital et met en pause les add-ons conçus pour les produits physiques, donc ne changez pas de thème sur une boutique qui expédie des colis juste pour cet accordéon (voir Vue d'ensemble des thèmes).Ouvrez Tableau de bord → Extensions sur
/dashboard/addons.Repérez Variantes Produit Digital dans Boutique.
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, le bouton d'achat immédiat et le bouton d'envoi du formulaire de commande sont toujours cliquables. Au clic sur l'un d'eux, 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 comme l'accordéon masque le sélecteur standard, les clients ne peuvent ni les voir ni les choisir. Évitez les groupes en cascade sur les produits du thème Digital. Si tous les groupes du produit sont des enfants en cascade, l'accordéon ne s'affiche pas du tout et le sélecteur standard reste en place.
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.