PrestaShop Design & Navigation

Module Swatches Variantes Photo & Stock PrestaShop 8/9

Vos déclinaisons méritent mieux qu'une liste déroulante.

Vignettes photo cliquables pour les couleurs, tailles et matières, aperçu de la galerie au survol et indicateur de stock par variante — directement sur la fiche produit. Les vignettes sont dérivées automatiquement des photos de vos combinaisons : installez, c'est déjà fonctionnel.

En un coup d'œil
  • Vignettes photo à la place des dropdowns de déclinaisons
  • Aperçu galerie instantané au survol d'une variante
  • Stock visible par variante : en stock, stock faible, rupture
  • Dérivation automatique depuis les photos de combinaisons
  • Navigation clavier complète (pattern ARIA radiogroup)
PrestaShop 8 & 9 Zéro configuration Accessible clavier 5 langues Sans dépendance
  • Remboursement 30 jours
  • 12 mois de mises à jour
  • Support 24h
www.datafirefly.com/
Module Swatches Variantes Photo & Stock PrestaShop 8/9
v1.1.0 · mis à jour 2026-07-02
Ce que ça fait

La version courte.

01

Swatches photo automatiques

Les vignettes sont dérivées des photos de vos combinaisons existantes — aucun upload requis pour démarrer. Affinez ensuite avec des images dédiées ou des codes hexadécimaux par attribut.

02

Aperçu galerie au survol

Survolez une vignette couleur : l'image principale affiche instantanément la photo de cette variante, préchargée pour un rendu immédiat. L'image d'origine revient dès que le curseur quitte la vignette.

03

Stock par variante

Chaque vignette affiche son état : en stock, stock faible (seuil configurable) ou rupture. Les variantes épuisées peuvent être barrées ou masquées entièrement.

04

Accessibilité native

Pattern WAI-ARIA radiogroup complet : navigation aux flèches du clavier, un seul point de tabulation par groupe, états annoncés aux lecteurs d'écran. Un argument concret pour la conformité accessibilité.

La version longue

Tout ce que vous voudriez savoir avant d'installer.

Un regard détaillé sur le fonctionnement de Module Swatches Variantes Photo & Stock PrestaShop 8/9, pourquoi nous l'avons conçu ainsi, et la réflexion derrière les fonctionnalités ci-dessus.

§ 01

Le choix visuel qui fait vendre

En mode, décoration ou cosmétique, le client achète avec les yeux. Une liste déroulante « Blanc / Noir / Rouge » ne montre rien ; une rangée de vignettes photo montre tout. Le module remplace les widgets natifs de déclinaisons par des pastilles visuelles cliquables, et chaque survol prévisualise la variante dans la galerie principale — le client explore la gamme sans un seul rechargement de page.

§ 02

Fonctionnel dès l'installation

La plupart des modules de swatches exigent d'uploader une image par attribut avant d'afficher quoi que ce soit. Ici, les vignettes sont dérivées automatiquement des photos déjà associées à vos combinaisons : installez le module, ouvrez une fiche produit, c'est en place. Un garde-fou intelligent évite les faux positifs — un groupe Taille dont toutes les valeurs partagent la même photo reste en texte, seuls les groupes réellement différenciés par l'image passent en photo.

§ 03

Le stock visible avant le clic

Chaque vignette annonce sa disponibilité : en stock, stock faible sous un seuil que vous définissez, ou rupture. Les variantes épuisées peuvent rester visibles mais barrées — utile pour montrer l'étendue de la gamme — ou disparaître complètement. Le calcul respecte le comportement de commande hors stock global de la boutique comme celui défini par combinaison.

§ 04

Accessible et conforme

Le sélecteur implémente le pattern WAI-ARIA radiogroup dans les règles : un seul point de tabulation par groupe d'attributs, navigation aux flèches avec bouclage, sélection à l'espace ou à l'entrée, états annoncés aux technologies d'assistance et anneau de focus visible. Avec les exigences d'accessibilité européennes, c'est un différenciateur concret face aux sélecteurs de variantes purement visuels.

§ 05

Léger et robuste par architecture

Les données de variantes sont embarquées directement dans la page au moment du rendu : aucun appel AJAX au chargement, aucune dépendance à la disponibilité d'un endpoint, affichage immédiat. Le module améliore les widgets natifs de PrestaShop au lieu de remplacer les templates du thème — c'est ce qui le rend compatible avec Classic, Hummingbird et la plupart des thèmes premium sans surcharge.