WooCommerce 11.1 : votre galerie montre-t-elle vraiment la variation choisie ?

Blog 1Design

WooCommerce 11.1 : votre galerie montre-t-elle vraiment la variation choisie ?

Couleurs, matières, tailles : vérifiez les galeries de variations WooCommerce 11.1 avec un contrôle concret de dix fiches produits et de vos imports.

Dix fiches, un téléphone, une question : est-ce bien le produit que je vais recevoir ?

Pour une boutique qui vend des luminaires, « laiton brossé » et « noir mat » ne sont pas deux étiquettes interchangeables. Le client choisit une finition pour son intérieur. Si le sélecteur indique noir mat mais que le zoom affiche encore le laiton, la fiche lui demande de croire le texte contre la photo. Le paiement peut fonctionner parfaitement : le doute est déjà installé.

Les images de variations de WooCommerce 11.1 méritent donc un contrôle commercial, pas seulement technique. Voici un carnet de recette à utiliser sur dix produits avant de généraliser une mise à jour. Les exemples sont fictifs ; ils servent à construire vos propres essais, pas à présenter des résultats clients de 1Design.

Ce qui devient natif — et ce qui reste à votre charge

Les notes de WooCommerce 11.1, publiées le 3 septembre 2026, indiquent une sortie le 1er septembre. La version généralise les galeries par variation : plusieurs photos peuvent accompagner une déclinaison sans extension dédiée. Le réglage expérimental disparaît et une mise à jour de base de données est prévue. Il ne faut pas confondre cette galerie avec la vidéo produit, qui reste expérimentale et désactivée par défaut dans cette version. Source : notes de version WooCommerce 11.1.

Le logiciel fournit le mécanisme. Votre équipe reste responsable de ce que chaque photo raconte : couleur, texture, dimensions, contenu du colis. Une belle vue d’ambiance n’est pas une preuve qu’un accessoire est inclus. Et une même photo peut être parfaitement pertinente pour plusieurs tailles, si elle ne laisse pas croire à des proportions différentes.

C’est le même travail de cohérence que dans un projet de création de site e-commerce à Lyon : relier la promesse de la fiche à la référence réellement vendue, jusque dans le panier.

Constituez un échantillon qui peut révéler un problème

Ne prenez pas les dix premières lignes du catalogue. Composez plutôt un petit ensemble volontairement contrasté : trois meilleures ventes, deux références utilisées dans vos campagnes, deux produits récemment importés, deux fiches au comportement atypique et un produit ancien. Évitez de compter deux fois la même référence. Ce choix est une proposition de méthode 1Design, pas une norme WooCommerce ni une validation exhaustive du catalogue.

Pour chaque produit, notez l’URL, la référence parent, les références des variations, les images attendues et la personne qui peut confirmer le contenu vendu. Gardez des captures avant modification : sélection visible, photo principale, miniatures et panier. Elles serviront à comparer, pas seulement à décorer le compte rendu.

Quatre cas donnent rapidement du relief à l’exercice :

  • Une chemise en tailles françaises 38, 40 et 42. Après un changement de taille, la couleur affichée et les images doivent correspondre à la combinaison réellement sélectionnée. Conserver une couleur encore disponible peut être un comportement normal : ce n’est pas, à lui seul, une anomalie. Une photo commune est acceptable si elle représente bien le modèle.
  • Une lampe en laiton brossé ou noir mat. Les gros plans doivent montrer la bonne finition, y compris après plusieurs allers-retours entre les options.
  • Du linge de table en lin naturel ou coton blanc. La texture et les accessoires de mise en scène doivent rester compréhensibles. La photo ne remplace pas la composition indiquée dans le texte.
  • Des poignées vendues à l’unité ou par lot de quatre. Si ces quantités sont modélisées comme variations, vérifiez le contenu annoncé, l’image et la quantité ajoutée. Les lots gérés par une extension constituent un autre périmètre à tester explicitement.

Une compatibilité d’accessoire mérite un contrôle supplémentaire : une photographie ressemblante ne prouve jamais qu’une pièce convient au modèle choisi. Conservez la référence et la compatibilité écrites près de la sélection.

Suivez la migration, pas seulement le numéro de version

La note technique précise que l’extension officielle Additional Variation Images est désactivée automatiquement à la mise à jour. Les anciennes données _wc_additional_variation_images sont copiées vers _product_image_gallery par lots allant jusqu’à 250 variations via Action Scheduler. Une galerie cible déjà remplie n’est pas écrasée. Les anciennes données restent présentes, mais ne sont plus synchronisées avec les modifications natives. Source : migration des images de variations.

Pour le marchand, Action Scheduler est simplement une file de petits travaux exécutés en arrière-plan. Demandez à votre mainteneur de montrer l’avancement des travaux concernés et leurs éventuels échecs. Un écran qui affiche « 11.1 » ne prouve pas, à lui seul, que vos milliers de déclinaisons ont toutes été traitées.

La disparition de l’extension officielle de la liste des extensions actives n’est donc pas automatiquement un incident. À l’inverse, n’étendez pas ce comportement à toutes les extensions tierces de galerie, de nuanciers ou de configuration : leur compatibilité reste à établir sur votre installation.

Pour préparer l’opération, WooCommerce recommande une sauvegarde des fichiers et de la base, puis un essai en préproduction avec l’ensemble des versions qui seront déployées. Le suivi de la mise à jour de base donne accès aux actions planifiées. Source : guide de mise à jour WooCommerce.

Utilisez une copie isolée des commandes réelles, avec paiements, emails et connecteurs sortants neutralisés pour les essais. N’écrasez pas ultérieurement une base de production avec cette copie : les commandes reçues entre-temps doivent être préservées.

Le contrôle se joue entre deux clics

Sur chaque fiche, choisissez une variation, ouvrez sa dernière miniature, puis passez à une autre variation. Revenez à la première. Effacez ensuite la sélection. Enfin, choisissez une déclinaison sans galerie propre. Ce parcours révèle mieux les images qui persistent à tort qu’un simple chargement de page.

Le résultat attendu doit être défini avant le test : quelle image apparaît sans sélection ? Quelles vues appartiennent uniquement à la finition noire ? Quel visuel commun reste acceptable lorsqu’une variation n’a pas de photos supplémentaires ? Ne validez pas un comportement seulement parce qu’il existait déjà avant la mise à jour.

Sur téléphone, observez le parcours avec une seule main. Peut-on distinguer la sélection active sans interpréter une minuscule pastille ? Le nom de couleur reste-t-il lisible en français ? Le zoom se ferme-t-il sans perdre le choix ? Les miniatures sont-elles accessibles sans déplacer toute la page horizontalement ? Ajoutez aussi un passage au clavier et vérifiez que les libellés et alternatives textuelles décrivent utilement les images informatives, sans bourrage de mots-clés.

Terminez en ajoutant une seule fois le produit au panier de test. Comparez référence, attributs, quantité et prix affiché selon votre contexte B2C ou B2B. Pour une boutique française destinée aux particuliers, contrôlez notamment la cohérence du prix TTC présenté sur la fiche et dans le panier. Une galerie correcte ne suffit pas si le bouton ajoute la mauvaise déclinaison.

MomentContrôle décisifTrace à conserver
Avant mise à jourDix fiches documentées, versions relevées, sauvegarde et préproduction disponiblesCaptures et références attendues
Juste après, en préproduction puis à la recette de productionTravaux de migration suivis ; sélection, effacement, zoom et panier cohérentsRésultats par fiche et anomalies attribuées
48 h aprèsRejouer les fiches après les traitements catalogue et le renouvellement normal des cachesNouvel import observé, captures datées, décision de clôture

Le rendez-vous à 48 heures est un point de suivi proposé, pas un délai technique garanti. Si votre import tourne une fois par semaine, ajoutez un contrôle après sa prochaine exécution. Une variation erronée sur une meilleure vente ne doit pas attendre ce rendez-vous pour être corrigée.

Quand l’administration et la vitrine ne racontent pas la même chose

L’administration montre les bonnes images, mais pas la page publique. Comparez d’abord une visite anonyme avec la session administrateur. Faites ensuite vérifier les couches de cache, le CDN qui distribue les images et les éventuelles optimisations JavaScript. Ce sont des pistes de diagnostic, pas des défauts avérés de WooCommerce 11.1. Une purge générale sans comparaison avant/après peut faire disparaître temporairement le symptôme sans expliquer sa cause.

Le problème n’apparaît que sur un modèle de fiche. Notez le thème, les surcharges de modèles et les composants de galerie utilisés. Reproduisez sur la copie de test avec le composant suspect isolé par le mainteneur. Ne changez pas de thème sur la boutique ouverte pour « voir si cela passe ».

L’erreur revient après l’import du catalogue. C’est le moment de regarder ce que l’outil écrit réellement, plutôt que de corriger les images une par une. Si une remise à plat plus large devient nécessaire, notre accompagnement en création et amélioration de site internet à Lyon permet de replacer cette correction dans le fonctionnement global du site.

Votre CSV peut être accepté sans prouver que la galerie est correcte

Les notes de version annoncent des améliorations d’import CSV. Elles ne garantissent pas le fonctionnement de votre export fournisseur, de votre PIM ou de votre script maison.

Préparez un fichier d’essai limité à un produit et deux variations dans la préproduction. Exportez d’abord l’état existant. Modifiez une image clairement identifiable, importez avec le mapping réellement utilisé par l’équipe catalogue, puis contrôlez la fiche publique et réexportez. Vérifiez les références, l’ordre des vues, les caractères accentués des attributs, le séparateur choisi et l’absence de modification des prix ou du stock hors périmètre. N’inventez pas une colonne universelle de galerie : faites confirmer le format pris en charge par votre importeur et sa version.

Pour une intégration sur mesure, la note WooCommerce oriente vers gallery_image_ids dans l’API des variations ; l’image principale reste distincte dans image. Un ancien connecteur qui continue à écrire seulement dans l’ancien champ mérite donc une vérification ciblée. Le succès de l’import n’est pas la preuve du bon affichage.

Une décision par anomalie, pas un « tout semble bon »

À la fin, classez chaque écart : donnée catalogue incorrecte, affichage du thème, traitement en attente, import ou comportement encore inexpliqué. Associez une référence, une capture, un responsable et un prochain contrôle. Bloquez la généralisation si le client voit une autre finition que celle sélectionnée ou si le panier reçoit la mauvaise référence. Une amélioration de cadrage photographique peut, elle, rejoindre un lot éditorial séparé.

Dix fiches ne certifient pas toute la boutique. Elles donnent un premier périmètre vérifiable et permettent de décider où élargir les essais : famille de produits, ancien importeur ou modèle de page particulier.

Vous souhaitez faire contrôler ce premier lot ? Cadrez un audit de vos fiches WooCommerce autour de dix produits, de leurs galeries, des traitements catalogue et du parcours mobile. Pour démarrer, transmettez à 1Design les URL concernées et les différences observées. Le premier résultat attendu est simple : savoir ce qui doit être corrigé, par qui et comment le vérifier — avant de parler de refonte complète.

Vous voulez un site plus clair, plus crédible ou mieux pensé pour convertir ?

Recevoir 3 pistes gratuites pour améliorer votre site