Navigation · Variantes produit

Variantes par attribut

Une liste déroulante qui affiche « Bleu, Rouge, Vert » oblige vos clients à deviner l’aspect de chaque version. Variantes par attribut met la vraie photo de chaque option sur la fiche produit, pour qu’ils choisissent en un clic.

  • v1.0.0
  • PrestaShop 1.7–9.1
  • 6 langues
Bientôt sur Addons Ça marche comment

On n'achète pas ce qu'on ne peut pas imaginer

Une liste déroulante qui affiche « Bleu, Rouge, Vert » oblige à deviner l’aspect de chaque version, ou à cliquer sur toutes les options en attendant que la photo change. Certains abandonnent ; d’autres commandent la mauvaise variante et la renvoient.

Les photos existent déjà : elles sont associées à chaque déclinaison du catalogue. Il ne manque que de les montrer là où le client décide.

La réponse, directement sur la fiche produit

Variantes par attribut met la vraie photo de chaque option dans une rangée, à un clic.
01

Affichez toutes les options d’un coup d’œil

Une rangée de vignettes, une par valeur de l’attribut choisi — couleur, finition, matière —, chacune avec la vraie photo de cette déclinaison.

02

Sélectionnez en un clic

Un clic sur une vignette sélectionne cette déclinaison dans le sélecteur d’attributs de la fiche produit : prix, disponibilité et ajout au panier fonctionnent comme avant.

03

Réutilisez ce que vous avez déjà

Rien à téléverser, rien à coder : le module réutilise les images déjà associées à vos déclinaisons.

Tout ce qu’il fait, en détail

Quatre blocs qui travaillent ensemble.

Fiche produit

  • Rangée de vignettes carrées, une par valeur du groupe d’attributs choisi, chacune avec la vraie image de sa déclinaison.
  • Sélection en un clic : la vignette sélectionne l’option correspondante dans le sélecteur d’attributs natif du thème.
  • La variante sélectionnée est mise en évidence par un cadre orange.
  • Le nom de l’option sert d’infobulle et de texte alternatif à la vignette.
  • Affiché uniquement sur les produits ayant au moins deux valeurs de l’attribut choisi.

Réglages

  • Groupe d’attributs : l’ID du groupe dont les valeurs deviennent des vignettes (en général « Couleur »).
  • Version de l’image : tout type d’image généré, avec les versions de 60 à 100 px marquées comme recommandées.
  • Taille de la miniature : de 24 à 200 px, contrôlée pour ne jamais dépasser la version d’image choisie.
  • Valeurs recommandées à côté de chaque option, avec un bouton pour toutes les sélectionner d’un clic.

Position

  • Fonctionne dès l’installation : utilise le hook natif displayProductAdditionalInfo que les thèmes standard appellent déjà.
  • Position exacte en option juste après le sélecteur d’attributs, avec une ligne expliquée pas à pas dans l’onglet Aide.

Back-office et qualité

  • Onglet Aide guidé avec installation, position et questions fréquentes.
  • Traduit en anglais, espagnol, français, italien, portugais et allemand.
  • N’ajoute que sa propre feuille de style et son script — aucune requête externe, aucune table supplémentaire.
  • La désinstallation supprime tous ses paramètres.

Ce que vous y gagnez

Moins d’erreurs de commande, sans travail supplémentaire.

Aidez à choisir plus vite

Vos clients voient la vraie photo de chaque option au lieu de deviner d’après une étiquette.

Aidez à choisir la bonne variante du premier coup

Voir la couleur ou la finition exacte avant d’ajouter au panier évite les mauvaises surprises et les retours.

Réutilisez les photos que vous avez déjà

Chaque vignette provient des images déjà associées à vos déclinaisons.

Prêt en quelques minutes

Choisissez le groupe d’attributs, la taille et enregistrez — sans développeur avec un thème PrestaShop 9 standard.

Gardez le parcours d’achat natif

Le module pilote le sélecteur d’attributs du thème, donc prix, stock et panier ne sont pas modifiés.

Gardez le contrôle

Choisissez l’attribut, la version de l’image et la taille des vignettes, et déplacez le bloc à l’endroit exact voulu.

Ce que vos clients y gagnent

Voir avant de choisir.

Voir avant de choisir

La vraie image de chaque couleur ou variante, dans une seule rangée.

Faciles à toucher sur mobile

Vignettes jusqu’à 200 px, avec le nom de l’option en infobulle et en texte alternatif.

Une indication claire du choix en cours

La variante sélectionnée est toujours mise en évidence.

Les vignettes, dans toutes les boutiques

Cinq écrans du module en action.
Fiche produit : chaque variante visible avant de choisir.
Fiche produit : chaque variante visible avant de choisir.
Sélection : un clic choisit la variante voulue.
Sélection : un clic choisit la variante voulue.
Réglages : configurez-le en une minute.
Réglages : configurez-le en une minute.
Vignettes : nettes et faciles à toucher, de 24 à 200 px.
Vignettes : nettes et faciles à toucher, de 24 à 200 px.
Position : placez-le exactement où vous voulez.
Position : placez-le exactement où vous voulez.

Questions fréquentes

D’où viennent les miniatures de chaque déclinaison ?

Des images que vous avez déjà associées à chaque déclinaison du produit. Rien de nouveau à télécharger, mais chaque déclinaison doit avoir sa propre image pour s’afficher.

Puis-je regrouper par couleur, par finition ou par un autre attribut ?

Oui, par le groupe d’attributs de votre choix : couleur, finition, matière, motif… Vous l’indiquez dans la configuration du module ; son ID se trouve dans Catalogue > Attributs.

Dois-je modifier mon thème ?

Non. Le module fonctionne dès l’installation, à une position déjà utilisée par les thèmes standard. Pour afficher les miniatures juste sous le sélecteur d’attributs, avant « Ajouter au panier », il suffit d’ajouter une ligne au template produit du thème ; l’aide du module l’explique pas à pas.

Modifie-t-il les prix, le stock ou le panier ?

Non. Les miniatures pilotent le sélecteur d’attributs natif de votre thème : prix, stock et panier fonctionnent exactement comme avant.

Puis-je choisir la taille des miniatures ?

Oui, entre 24 et 200 pixels, ainsi que la version d’image PrestaShop à utiliser. Le module n’accepte pas une taille supérieure à cette version, pour que les images ne soient jamais floues.

Les déclinaisons n’apparaissent pas sur la fiche produit : que vérifier ?

Trois choses : que l’ID du groupe d’attributs est correct, que le produit a plus d’une déclinaison pour cet attribut et que chaque déclinaison a sa propre image.

Fiche technique

PrestaShop1.7 – 9.1
PHP7.1 – 8.4
LanguesEN ES FR IT PT DE
LicenceAFL-3.0

Laissez vos clients voir avant de choisir

Installez-le sur votre PrestaShop et donnez à chaque fiche produit la vraie photo de chaque variante, sans code et sans photo supplémentaire à téléverser.

Bientôt sur Addons Retour aux modules

Besoin de l’adapter à votre boutique, ou d’une fonction qu’aucun module ne propose ? Développement sur mesure

Essayez-le dans notre démo

Rien à installer : une boutique PrestaShop de test avec le module en fonctionnement. Ouvrez la boutique ou le back-office.

Back-office demops.10cero.es/admin10cero
Identifiant
demo@demo.com
Mot de passe
demodemo
Ouvrir l’administration

La boutique est réinitialisée périodiquement et le profil d’administration est limité à la configuration du module.