{"id":10433,"date":"2026-08-02T11:14:21","date_gmt":"2026-08-02T09:14:21","guid":{"rendered":"https:\/\/consultoriaehero.com\/?page_id=10433"},"modified":"2026-08-02T11:14:21","modified_gmt":"2026-08-02T09:14:21","slug":"plusieurs-images-par-variante-dans-woocommerce-ehero-woo-variation-gallery","status":"publish","type":"page","link":"https:\/\/consultoriaehero.com\/fr\/plusieurs-images-par-variante-dans-woocommerce-ehero-woo-variation-gallery\/","title":{"rendered":"Plusieurs images par variante dans WooCommerce | EHERO Woo Variation Gallery"},"content":{"rendered":"<div class=\"ehero-lp\">\n<style>\n    .ehero-lp{--ehero-primary:#017cba;--ehero-primary-dark:#015e8e;--ehero-accent:#00b2e2;--ehero-cyan:#00b2e2;--ehero-success:#0f9400;--ehero-ink:#1f2a37;--ehero-muted:#5b6b7c;--ehero-soft:#f4f7fb;--ehero-line:#e3e9f0;max-width:1020px;margin:0 auto;padding:0 4px;color:var(--ehero-ink);font-size:18px;line-height:1.7;font-family:inherit}\n    .ehero-lp *{box-sizing:border-box}\n    .ehero-lp h1,.ehero-lp h2{line-height:1.22;color:var(--ehero-primary);margin:0 0 .5em;font-weight:800;font-family:inherit}\n    .ehero-lp h3{line-height:1.25;color:var(--ehero-ink);margin:0 0 .5em;font-family:inherit}\n    .ehero-lp h1{font-size:2.2rem}\n    .ehero-lp h2{font-size:1.7rem;margin-top:1.8em;text-align:center}\n    .ehero-lp h2::after{content:\"\";display:block;width:64px;height:3px;background:var(--ehero-accent);margin:.55em auto 0;border-radius:2px}\n    .ehero-lp h3{font-size:1.15rem}\n    .ehero-lp p{margin:0 0 1em}\n    .ehero-lp ul{margin:0 0 1em;padding-left:1.3em}\n    .ehero-lp li{margin-bottom:.5em}\n    .ehero-lp a{color:var(--ehero-accent)}\n    .ehero-lp a:hover{text-decoration-color:var(--ehero-cyan)}\n    .ehero-lp .ehero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--ehero-soft);color:var(--ehero-primary);font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:14px}\n    .ehero-lp .ehero-eyebrow::before{content:\"\";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--ehero-cyan)}\n    .ehero-lp .ehero-hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:26px;background:linear-gradient(120deg,#017cba 0%,#0596d8 58%,#00a7df 100%);color:#fff;overflow:hidden}\n    .ehero-lp .ehero-hero-inner{max-width:1140px;margin:0 auto;padding:clamp(30px,5vw,58px) clamp(18px,4vw,44px);display:flex;align-items:center;gap:clamp(26px,4vw,52px)}\n    .ehero-lp .ehero-hero-body{flex:1 1 auto;min-width:0}\n    .ehero-lp .ehero-hero-media{flex:0 0 40%;min-width:0;margin:0}\n    .ehero-lp .ehero-hero-media img{width:100%;height:auto;display:block;border-radius:14px;filter:drop-shadow(0 14px 30px rgba(0,0,0,.28))}.ehero-cta{margin-bottom:2.6em}\n    .ehero-lp .ehero-hero .ehero-eyebrow{background:rgba(255,255,255,.2);color:#fff}\n    .ehero-lp .ehero-hero .ehero-eyebrow::before{background:#fff}\n    .ehero-lp .ehero-hero .ehero-hero-title{color:#fff}\n    .ehero-lp .ehero-hero .ehero-sub{color:#eaf4fb}\n    .ehero-lp .ehero-hero .ehero-btn{background:#fff;color:var(--ehero-primary)}\n    .ehero-lp .ehero-hero .ehero-btn:hover{background:var(--ehero-cyan);color:var(--ehero-ink)}\n    .ehero-lp .ehero-hero .ehero-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}\n    .ehero-lp .ehero-hero .ehero-btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}\n    .ehero-lp .ehero-hero-cta{margin:.5em 0 0}\n    @media(max-width:860px){.ehero-lp .ehero-hero-inner{flex-direction:column;text-align:center;gap:24px}.ehero-lp .ehero-hero-media{order:-1;flex:0 0 auto;width:100%;max-width:460px;margin:0 auto}.ehero-lp .ehero-hero-cta .ehero-btn{margin:6px 5px 0}}\n    .ehero-lp .ehero-sub{font-size:1.15rem;color:var(--ehero-muted);margin:0 0 1.3em}\n    .ehero-lp .ehero-btn{display:inline-block;background:var(--ehero-primary);color:#fff;font-weight:700;text-decoration:none;padding:14px 32px;border-radius:999px;margin:6px 6px 0;transition:transform .1s ease,background .1s ease}\n    .ehero-lp .ehero-btn:hover{background:var(--ehero-primary-dark);transform:translateY(-1px)}\n    .ehero-lp .ehero-btn--ghost{background:transparent;color:var(--ehero-primary);border:2px solid var(--ehero-line)}\n    .ehero-lp .ehero-btn--ghost:hover{background:var(--ehero-soft);border-color:var(--ehero-cyan)}\n    .ehero-lp .ehero-toc{background:var(--ehero-soft);border:1px solid var(--ehero-line);border-radius:14px;padding:18px 22px;margin:18px 0 6px}\n    .ehero-lp .ehero-toc strong{display:block;color:var(--ehero-ink);font-size:.72em;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}\n    .ehero-lp .ehero-toc ol{margin:0;padding-left:1.2em;columns:2;column-gap:34px}\n    .ehero-lp .ehero-toc li{margin:4px 0;font-size:.97rem;break-inside:avoid}\n    .ehero-lp .ehero-toc a{color:var(--ehero-primary);text-decoration:none}\n    .ehero-lp .ehero-toc a:hover{text-decoration:underline;text-decoration-color:var(--ehero-cyan)}\n    .ehero-lp .ehero-img{margin:1.6em 0;text-align:center}\n    .ehero-lp .ehero-img img{max-width:100%;height:auto;border:1px solid var(--ehero-line);border-radius:14px;box-shadow:0 6px 24px rgba(1,124,186,.08)}\n    .ehero-lp .ehero-img figcaption{font-size:.9rem;color:var(--ehero-muted);margin-top:8px}\n    .ehero-lp .ehero-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}\n    .ehero-lp .ehero-card{flex:1 1 260px;background:#fff;border:1px solid var(--ehero-line);border-radius:14px;padding:22px}\n    .ehero-lp .ehero-card h3{margin-top:0;display:flex;align-items:center;gap:8px}\n    .ehero-lp .ehero-card h3::before{content:\"\";flex:0 0 10px;width:10px;height:10px;border-radius:3px;background:var(--ehero-cyan)}\n    .ehero-lp .ehero-card p{margin:0;color:var(--ehero-muted);font-size:.98rem}\n    .ehero-lp .ehero-steps{list-style:none;counter-reset:ehero-step;margin:14px 0 0;padding:0}\n    .ehero-lp .ehero-steps li{counter-increment:ehero-step;position:relative;padding:0 0 20px 56px;margin:0}\n    .ehero-lp .ehero-steps li::before{content:counter(ehero-step);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--ehero-primary);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px rgba(0,178,226,.3)}\n    .ehero-lp .ehero-steps li strong{display:block;margin-bottom:2px;color:var(--ehero-ink)}\n    .ehero-lp .ehero-steps li p{margin:0;color:var(--ehero-muted);font-size:.98rem}\n    .ehero-lp .ehero-chips{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}\n    .ehero-lp .ehero-chips li{background:#fff;border:1px solid var(--ehero-line);border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:600;color:var(--ehero-ink);display:inline-flex;align-items:center;gap:7px;margin:0}\n    .ehero-lp .ehero-chips li::before{content:\"\u2713\";color:var(--ehero-success);font-weight:800}\n    .ehero-lp .ehero-note{background:var(--ehero-soft);border-radius:12px;padding:16px 18px;color:var(--ehero-muted);font-size:.95rem}\n    .ehero-lp details{border:1px solid var(--ehero-line);border-radius:10px;padding:0 16px;margin-bottom:10px;background:#fff}\n    .ehero-lp details[open]{border-color:var(--ehero-primary)}\n    .ehero-lp summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;color:var(--ehero-primary)}\n    .ehero-lp summary::-webkit-details-marker{display:none}\n    .ehero-lp summary::after{content:\"+\";float:right;font-weight:700;color:var(--ehero-accent)}\n    .ehero-lp details[open] summary::after{content:\"\u2013\"}\n    .ehero-lp details p{padding-bottom:14px;margin:0;color:var(--ehero-muted)}\n    .ehero-lp .ehero-cta{text-align:center;background:linear-gradient(135deg,var(--ehero-primary),var(--ehero-primary-dark));color:#fff;border-radius:18px;padding:36px 20px;margin-top:2em}\n    .ehero-lp .ehero-cta h2{color:#fff;margin-top:0}\n    .ehero-lp .ehero-cta p{color:#dbe6f3;max-width:640px;margin:0 auto 1.2em}\n    .ehero-lp .ehero-cta .ehero-btn{background:#fff;color:var(--ehero-primary)}\n    .ehero-lp .ehero-cta .ehero-btn:hover{background:var(--ehero-cyan);color:var(--ehero-ink)}\n    .ehero-lp .ehero-cta .ehero-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}\n    .ehero-lp .ehero-cta .ehero-btn--ghost:hover{border-color:var(--ehero-cyan);background:rgba(255,255,255,.08)}\n    @media(max-width:760px){.ehero-lp .ehero-hero{flex-direction:column;text-align:center;padding:26px 20px}.ehero-lp .ehero-hero-media{flex:0 0 auto;max-width:320px;margin:0 auto}}\n    @media(max-width:600px){.ehero-lp{font-size:17px}.ehero-lp h1{font-size:1.7rem}.ehero-lp h2{font-size:1.4rem}.ehero-lp .ehero-toc ol{columns:1}}\n    \/* Ocultamos el t\u00edtulo de p\u00e1gina plano del tema (article.hentry > h1); el H1 va DENTRO del hero, estilo 902 *\/\n    .hentry > h1:first-child{display:none}\n    .ehero-lp .ehero-hero-title{font-size:1.55em;line-height:1.2;margin:0 0 .45em;color:var(--ehero-primary);font-weight:800;font-family:inherit}\n    \/* Escala tipogr\u00e1fica mayor (textos m\u00e1s legibles) *\/\n    .ehero-lp .ehero-sub{font-size:1.14em}\n    .ehero-lp h2{font-size:1.4em;color:var(--ehero-primary)}\n    .ehero-lp h3{font-size:1.08em}\n    .ehero-lp .ehero-card p,.ehero-lp .ehero-steps li p{font-size:.9em;line-height:1.6;color:#3d4a59}\n    .ehero-lp .ehero-toc li{font-size:.88em}\n    .ehero-lp .ehero-chips li{font-size:.84em}\n    .ehero-lp .ehero-note{font-size:.92em}\n    .ehero-lp .ehero-img figcaption{font-size:.8em}\n    .ehero-lp .ehero-eyebrow{font-size:.74em}\n    .ehero-lp .ehero-card h3{font-size:1.06em}\n  html,body{overflow-x:clip}<\/style>\n<section class=\"ehero-hero\">\n<div class=\"ehero-hero-inner\">\n<div class=\"ehero-hero-body\">\n        <span class=\"ehero-eyebrow\">Plugin de galerie pour WooCommerce<\/span><\/p>\n<h1 class=\"ehero-hero-title\">Plusieurs images par variante dans WooCommerce<\/h1>\n<p class=\"ehero-sub\">WooCommerce ne permet d\u2019associer qu\u2019<strong>une seule photo<\/strong> \u00e0 chaque variation. <strong>EHERO Woo Variation Gallery<\/strong> donne \u00e0 chaque variante sa propre galerie compl\u00e8te : lorsque l\u2019on choisit une couleur ou une taille, la fiche n\u2019affiche que ces images et masque le reste. Sans dupliquer les produits et sans toucher au code.<\/p>\n<p class=\"ehero-hero-cta\">\n          <a class=\"ehero-btn\" href=\"https:\/\/consultoriaehero.com\/fr\/produit\/ehero-woo-variation-gallery-plusieurs-images-par-variante-dans-woocommerce\/\">Acheter pour 49,99 \u20ac\/an<\/a><br \/>\n          <a class=\"ehero-btn ehero-btn--ghost\" href=\"https:\/\/consultoriaehero.com\/fr\/boutique\/\">Voir la boutique<\/a>\n        <\/p>\n<\/p><\/div>\n<figure class=\"ehero-hero-media\">\n        <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/e9miay56dfh.exactdn.com\/wp-content\/uploads\/2026\/07\/WOO_VARIATIONS_ICON.png?strip=all&resize=1080%2C1080\" alt=\"Plusieurs images par variante dans WooCommerce : ic\u00f4ne du plugin EHERO Woo Variation Gallery\" title=\"EHERO Woo Variation Gallery \u2014 plusieurs images par variante dans WooCommerce\" width=\"1080\" height=\"1080\" loading=\"eager\"><br \/>\n      <\/figure>\n<\/p><\/div>\n<\/section>\n<nav class=\"ehero-toc\">\n    <strong>Sur cette page<\/strong><\/p>\n<ol>\n<li><a href=\"#asi-funciona\">Comment \u00e7a fonctionne<\/a><\/li>\n<li><a href=\"#problema\">Une seule photo par variation<\/a><\/li>\n<li><a href=\"#solucion\">Ce que le plugin r\u00e9sout<\/a><\/li>\n<li><a href=\"#como-funciona\">Comment le mettre en place<\/a><\/li>\n<li><a href=\"#para-quien\">\u00c0 qui il s\u2019adresse<\/a><\/li>\n<li><a href=\"#compatibilidad\">Compatibilit\u00e9<\/a><\/li>\n<li><a href=\"#licencia\">Ce que comprend votre licence<\/a><\/li>\n<li><a href=\"#faq\">Questions fr\u00e9quentes<\/a><\/li>\n<li><a href=\"#relacionados\">Produits associ\u00e9s<\/a><\/li>\n<\/ol>\n<\/nav>\n<h2 id=\"asi-funciona\">Comment \u00e7a fonctionne<\/h2>\n<p>La s\u00e9quence est celle que votre client s\u2019attend d\u00e9j\u00e0 \u00e0 retrouver dans n\u2019importe quelle grande boutique. Il entre sur la fiche d\u2019un t-shirt variable et voit la galerie g\u00e9n\u00e9rale du produit. D\u00e8s qu\u2019il choisit la couleur \u00ab vert olive \u00bb ou la taille L, la galerie se reconstruit instantan\u00e9ment : seules les photos de cette variante apparaissent \u2014 le devant, le dos, le d\u00e9tail du tissu, la photo port\u00e9e \u2014 et celles des autres couleurs disparaissent. Si cette variante a une vid\u00e9o ou une s\u00e9quence 360\u00b0, elles entrent dans la m\u00eame galerie comme une diapositive suppl\u00e9mentaire.<\/p>\n<p>Tout se fait sans recharger la page et sans que vous ayez \u00e9crit une ligne de JavaScript : le plugin \u00e9coute l\u2019\u00e9v\u00e9nement de changement de variation de WooCommerce, filtre les m\u00e9dias joints et redessine les miniatures avec une transition en fondu.<\/p>\n<p>Et lorsque ce client ajoute le produit au panier, la miniature qu\u2019il voit dans le panier et dans la commande est celle de <em>sa<\/em> variante, pas la photo g\u00e9n\u00e9rique du produit parent. Ce d\u00e9tail \u00e9vite une bonne partie des e-mails du type \u00ab je crois que vous m\u2019avez envoy\u00e9 la mauvaise couleur \u00bb.<\/p>\n<h2 id=\"problema\">WooCommerce ne permet qu\u2019une image par variation, et vos clients le remarquent<\/h2>\n<p>Ouvrez n\u2019importe quel produit variable de votre boutique, d\u00e9pliez une variation et regardez le cadre d\u2019image : il y a de la place pour une photo. Une. C\u2019est une limitation du c\u0153ur de WooCommerce depuis toujours et cela n\u2019a rien \u00e0 voir avec votre th\u00e8me ni avec votre constructeur de pages. Le r\u00e9sultat est qu\u2019une robe disponible en cinq couleurs affiche une miniature par couleur et, \u00e0 partir de l\u00e0, une galerie commune o\u00f9 toutes les variantes se m\u00e9langent.<\/p>\n<p>Le client qui a choisi le bleu marine finit par faire d\u00e9filer des photos du rouge et du beige, en essayant de deviner laquelle correspond \u00e0 ce qu\u2019il va acheter. Quand le doute n\u2019est pas lev\u00e9 sur la fiche, il se r\u00e8gle ailleurs : en fermant l\u2019onglet. Pour les produits o\u00f9 l\u2019apparence <em>est<\/em> la d\u00e9cision d\u2019achat \u2014 mode, chaussures, d\u00e9coration, mobilier, bijouterie, cosm\u00e9tique \u2014 cette confusion visuelle se paie d\u2019abord en conversion, puis en retours.<\/p>\n<p>Les alternatives bricol\u00e9es sont souvent pires que le probl\u00e8me. La plus courante consiste \u00e0 dupliquer le produit : une fiche par couleur pour que chacune ait sa galerie. Deux semaines plus tard, vous avez un catalogue gonfl\u00e9, un stock r\u00e9parti entre des fiches que personne ne pense \u00e0 mettre \u00e0 jour, des avis fragment\u00e9s sur cinq URL et un contenu presque identique que votre r\u00e9f\u00e9rencement finit par payer. L\u2019autre consiste \u00e0 mettre toutes les photos dans la galerie du produit parent et \u00e0 esp\u00e9rer que le client sache les distinguer, ce qui est pr\u00e9cis\u00e9ment ce qui n\u2019arrivera pas.<\/p>\n<p>Pouvoir afficher plusieurs images par variante dans WooCommerce n\u2019est pas un caprice esth\u00e9tique : c\u2019est r\u00e9duire la distance entre ce que le client choisit et ce que le client voit.<\/p>\n<h2 id=\"solucion\">EHERO Woo Variation Gallery : une galerie d\u00e9di\u00e9e \u00e0 chaque variante<\/h2>\n<p>Le plugin ajoute \u00e0 l\u2019\u00e9diteur de variations ce que WooCommerce n\u2019a jamais inclus \u2014 un s\u00e9lecteur d\u2019images multiple par variation, avec image principale et ordre \u2014 et, c\u00f4t\u00e9 front, la logique qui d\u00e9cide de ce qui s\u2019affiche \u00e0 chaque instant. Voici ce qui change dans votre boutique :<\/p>\n<div class=\"ehero-grid\">\n<div class=\"ehero-card\">\n<h3>Galerie illimit\u00e9e par variante<\/h3>\n<p>Attribuez autant de photos que vous voulez \u00e0 chaque variation depuis l\u2019onglet Variations. Faites-les glisser pour les ordonner et cliquez sur l\u2019\u00e9toile pour d\u00e9finir l\u2019image principale. Lors de la s\u00e9lection de la variante sur la fiche, seules celles-ci s\u2019affichent.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Images par attribut, sans travail r\u00e9p\u00e9t\u00e9<\/h3>\n<p>Un t-shirt en 4 couleurs et 5 tailles, ce sont 20 variations, mais seulement 4 ensembles de photos. Assignez les images \u00e0 la valeur de l\u2019attribut \u00ab Couleur \u00bb et toutes les tailles de cette couleur h\u00e9ritent de la galerie. On configure une fois et cela sert pour tout le produit.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Images partag\u00e9es<\/h3>\n<p>Il y a des photos valables pour toutes les variantes : le guide des tailles, le tableau des mesures, le d\u00e9tail de la couture, le certificat du mat\u00e9riau. Elles sont marqu\u00e9es comme partag\u00e9es et apparaissent dans la galerie de n\u2019importe quelle variation, sans les dupliquer vingt fois.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Vid\u00e9os et visionneuse 360\u00b0<\/h3>\n<p>Ajoutez des vid\u00e9os YouTube, Vimeo ou MP4 direct comme une diapositive suppl\u00e9mentaire de la galerie de cette variante. Et avec une s\u00e9quence de photos prises dans l\u2019ordre de prise de vue, la visionneuse 360\u00b0 permet au client de faire pivoter le produit en faisant glisser la souris ou le doigt.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Badges et filigrane<\/h3>\n<p>\u00c9tiquettes par variante \u2014 Nouveau, Promo, \u00c9puis\u00e9 ou un texte personnalis\u00e9 comme \u00ab -20% \u00bb \u2014 sur l\u2019image. Et un filigrane textuel configurable en position, taille, couleur, fond, opacit\u00e9, rotation et ombre pour prot\u00e9ger vos photos de produit.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Changement de photo dans le catalogue<\/h3>\n<p>Sur la page boutique, lorsque l\u2019on survole les variantes d\u2019un produit, la miniature change pour celle de cette couleur. Le client compare depuis la liste et entre sur la fiche d\u00e9j\u00e0 d\u00e9cid\u00e9, au lieu d\u2019entrer et sortir de cinq produits.<\/p>\n<\/div><\/div>\n<p>Derri\u00e8re ces six fonctions se cache une d\u00e9cision de conception importante : <strong>le comportement par d\u00e9faut, c\u2019est vous qui le choisissez<\/strong>. Vous d\u00e9finissez quelle galerie s\u2019affiche avant que le client ne s\u00e9lectionne quoi que ce soit \u2014 toutes les images, celle de la premi\u00e8re variante ou la variation par d\u00e9faut de WooCommerce \u2014, si l\u2019image mise en avant reste toujours visible et ce qui se passe lorsqu\u2019une variation n\u2019a pas ses propres photos.<\/p>\n<p>Le plugin inclut \u00e9galement un tableau de statistiques qui enregistre quelles variantes vos clients consultent le plus. Vous saurez si la couleur mise en avant est vraiment celle qui attire, ou si la plus consult\u00e9e ne correspond pas \u00e0 la plus vendue : une information directe pour d\u00e9cider quelles photos am\u00e9liorer et quel stock renforcer.<\/p>\n<h2 id=\"como-funciona\">Comment le mettre en place (sans toucher une ligne de code)<\/h2>\n<ol class=\"ehero-steps\">\n<li><strong>Installez et activez la licence<\/strong>\n<p>T\u00e9l\u00e9versez le ZIP depuis Extensions \u2192 Ajouter, activez-le et collez votre cl\u00e9 de licence. \u00c0 partir de l\u00e0, vous recevez les mises \u00e0 jour automatiques depuis le tableau de bord WordPress, comme avec n\u2019importe quel autre plugin.<\/p>\n<\/li>\n<li><strong>Attribuez les photos \u00e0 chaque variante<\/strong>\n<p>Modifiez un produit variable, allez dans l\u2019onglet Variations, d\u00e9pliez une variation et cliquez sur \u00ab S\u00e9lectionner des images \u00bb. Choisissez les photos de la biblioth\u00e8que, faites-les glisser pour les ordonner et marquez l\u2019image principale avec l\u2019\u00e9toile. R\u00e9p\u00e9tez pour les variations qui en ont besoin.<\/p>\n<\/li>\n<li><strong>Configurez les raccourcis<\/strong>\n<p>Si votre produit combine couleur et taille, attribuez les images \u00e0 l\u2019attribut \u00ab Couleur \u00bb dans la carte des attributs et oubliez de les r\u00e9p\u00e9ter taille par taille. Marquez comme partag\u00e9es les photos communes, comme le guide des tailles ou le tableau des mesures.<\/p>\n<\/li>\n<li><strong>Ajustez le comportement et publiez<\/strong>\n<p>Dans les r\u00e9glages, vous d\u00e9cidez de la galerie initiale, de la transition, de l\u2019activation des vid\u00e9os, du 360\u00b0, des badges ou du filigrane, et du changement de miniature dans le catalogue. Enregistrez, ouvrez la fiche et v\u00e9rifiez le r\u00e9sultat en deux clics.<\/p>\n<\/li>\n<\/ol>\n<p>Si votre fiche est construite avec un constructeur comme Elementor ou Bricks, ou avec un th\u00e8me dot\u00e9 de sa propre galerie, un champ permet d\u2019ajouter les s\u00e9lecteurs CSS de ce conteneur afin que le filtrage fonctionne aussi l\u00e0-bas. C\u2019est ce qui ressemble le plus \u00e0 du code : coller un s\u00e9lecteur.<\/p>\n<h2 id=\"para-quien\">\u00c0 qui s\u2019adresse ce plugin de galerie par variante ?<\/h2>\n<ul>\n<li><strong>Mode, chaussures et accessoires.<\/strong> C\u2019est le cas d\u2019\u00e9cole : cinq couleurs, quatre tailles et un client qui veut voir le v\u00eatement port\u00e9 dans la couleur exacte qu\u2019il a choisie. Avec des swatches visuels, la fiche se comporte comme celle d\u2019une grande marque.<\/li>\n<li><strong>D\u00e9coration, mobilier et textile de maison.<\/strong> Un canap\u00e9 en six rev\u00eatements a besoin de six galeries d\u2019ambiance, pas de six miniatures. Ici, la diff\u00e9rence entre voir le tissu et le deviner, c\u2019est litt\u00e9ralement la vente.<\/li>\n<li><strong>Bijouterie, cosm\u00e9tique et cadeau personnalis\u00e9.<\/strong> Finitions or, argent ou ros\u00e9, teintes de rouge \u00e0 l\u00e8vres, gravures : de petits d\u00e9tails qui ne s\u2019appr\u00e9cient qu\u2019avec plusieurs photos en gros plan et, souvent, avec une rotation 360\u00b0.<\/li>\n<li><strong>Boutiques avec catalogue import\u00e9 ou en <a href=\"https:\/\/consultoriaehero.com\/fr\/categorie-de-produit\/plugins-woocommerce-fr\/\">dropshipping<\/a>.<\/strong> Lorsque le fournisseur envoie les photos regroup\u00e9es par couleur, la carte par attribut \u00e9vite de devoir les attribuer variation par variation \u00e0 chaque nouveau produit.<\/li>\n<li><strong>Ceux qui ont d\u00e9j\u00e0 dupliqu\u00e9 des produits et veulent revenir en arri\u00e8re.<\/strong> Si vous avez cinq fiches du m\u00eame article juste pour que chacune ait sa galerie, ce plugin vous permet de les regrouper en un seul produit variable sans perdre l\u2019exp\u00e9rience visuelle.<\/li>\n<\/ul>\n<h2 id=\"compatibilidad\">Compatibilit\u00e9<\/h2>\n<p>EHERO Woo Variation Gallery fonctionne sur le <a href=\"https:\/\/woocommerce.com\/document\/variable-product\/\" target=\"_blank\" rel=\"noopener\">produit variable natif de WooCommerce<\/a> : il ne cr\u00e9e pas de type de produit propre et ne d\u00e9place pas vos donn\u00e9es vers des tables parall\u00e8les. Il fonctionne sur <a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> 5.8 ou sup\u00e9rieur, d\u00e9clare la compatibilit\u00e9 avec HPOS \u2014 le stockage haute performance des commandes \u2014 et est test\u00e9 jusqu\u2019\u00e0 WooCommerce 9.6.<\/p>\n<ul class=\"ehero-chips\">\n<li>WordPress 5.8+<\/li>\n<li>WooCommerce 6.0+<\/li>\n<li>PHP 7.4+<\/li>\n<li>HPOS<\/li>\n<li>Produits variables natifs<\/li>\n<li>Elementor<\/li>\n<li>Bricks Builder<\/li>\n<li>S\u00e9lecteurs personnalis\u00e9s<\/li>\n<li>Compatible avec les swatches<\/li>\n<\/ul>\n<p>Si vous d\u00e9sactivez le plugin, vos produits continuent de fonctionner : les variations conservent leur image native et la fiche revient au comportement standard. Il n\u2019y a aucune d\u00e9pendance technique qui vous lie.<\/p>\n<h2 id=\"licencia\">Ce que comprend votre licence<\/h2>\n<p>La licence de EHERO Woo Variation Gallery co\u00fbte <strong>49,99 \u20ac par an<\/strong> et comprend tout ce qu\u2019il faut pour avoir plusieurs images par variante dans WooCommerce d\u00e8s le premier jour, sans modules suppl\u00e9mentaires ni fonctions payantes \u00e0 part :<\/p>\n<ul>\n<li><strong>Toutes les fonctions, sans version brid\u00e9e.<\/strong> Galerie par variante, carte par attribut, images partag\u00e9es, vid\u00e9os, 360\u00b0, badges, filigrane, changement de photo dans le catalogue, image de variante dans le panier et statistiques.<\/li>\n<li><strong>Un an de mises \u00e0 jour automatiques<\/strong> depuis le tableau de bord WordPress, avec les am\u00e9liorations du plugin et la compatibilit\u00e9 avec les nouvelles versions de WooCommerce.<\/li>\n<li><strong>Support technique en espagnol<\/strong>, assur\u00e9 par la m\u00eame \u00e9quipe qui d\u00e9veloppe le plugin.<\/li>\n<li><strong>Documentation et manuel en espagnol<\/strong>, accessibles depuis le panneau du plugin lui-m\u00eame.<\/li>\n<li><strong>Licence pour un domaine<\/strong>, avec activation et d\u00e9sactivation depuis votre panneau afin de pouvoir la d\u00e9placer si vous changez d\u2019installation.<\/li>\n<\/ul>\n<h2 id=\"faq\">Questions fr\u00e9quentes<\/h2>\n<h3>Dois-je dupliquer les produits pour avoir plusieurs images par variante dans WooCommerce ?<\/h3>\n<p>Non, et c\u2019est pr\u00e9cis\u00e9ment le but du plugin. Vous conservez un seul produit variable, avec son stock, ses avis et son URL. Ce qui change, c\u2019est que chaque variation peut avoir une galerie compl\u00e8te au lieu d\u2019une seule photo. Si vous avez d\u00e9j\u00e0 dupliqu\u00e9 des produits pour cette raison, vous pouvez les regrouper \u00e0 nouveau en un seul.<\/p>\n<h3>Dois-je attribuer les photos variation par variation ?<\/h3>\n<p>Seulement si vous voulez un maximum de d\u00e9tail. Le plus courant est de les attribuer \u00e0 la valeur de l\u2019attribut : si vos photos d\u00e9pendent de la couleur et non de la taille, vous configurez les images de \u00ab Bleu \u00bb une fois et toutes les tailles bleues h\u00e9ritent de cette galerie. Pour un t-shirt de 4 couleurs et 5 tailles, cela fait 4 configurations au lieu de 20.<\/p>\n<h3>Est-ce compatible avec mon th\u00e8me ou mon constructeur de pages ?<\/h3>\n<p>Avec les th\u00e8mes qui utilisent la galerie standard de WooCommerce, cela fonctionne sans rien configurer. Si la fiche est construite avec Elementor, Bricks ou un autre constructeur avec sa propre galerie, il y a un champ dans les r\u00e9glages o\u00f9 ajouter les s\u00e9lecteurs CSS de ce conteneur afin que le filtrage s\u2019y applique aussi.<\/p>\n<h3>Que se passe-t-il si une variation n\u2019a pas d\u2019images attribu\u00e9es ?<\/h3>\n<p>C\u2019est vous qui le d\u00e9cidez dans les r\u00e9glages. Il peut d\u2019abord retomber sur l\u2019attribut \u2014 la galerie de la couleur, par exemple \u2014 et, si elle n\u2019existe pas non plus, afficher la galerie compl\u00e8te du produit ; il peut ignorer l\u2019attribut et afficher directement tout ; ou il peut ne rien afficher au-del\u00e0 de ce qui est attribu\u00e9. Vous pouvez aussi forcer l\u2019image mise en avant du produit \u00e0 rester toujours visible.<\/p>\n<h3>Les vid\u00e9os et la visionneuse 360\u00b0 ralentissent-elles la fiche ?<\/h3>\n<p>Le chargement diff\u00e9r\u00e9 est activ\u00e9 par d\u00e9faut, donc les images et vid\u00e9os des variantes ne sont pas t\u00e9l\u00e9charg\u00e9es avant d\u2019\u00eatre n\u00e9cessaires. Les vid\u00e9os sont ins\u00e9r\u00e9es comme une diapositive de la galerie et la visionneuse 360\u00b0 r\u00e9utilise des photos que vous avez d\u00e9j\u00e0 import\u00e9es, sans biblioth\u00e8ques externes lourdes. Malgr\u00e9 tout, ces deux fonctions peuvent \u00eatre d\u00e9sactiv\u00e9es ind\u00e9pendamment si vous pr\u00e9f\u00e9rez une fiche minimaliste.<\/p>\n<h3>La bonne image arrive-t-elle aussi dans le panier et la commande ?<\/h3>\n<p>Oui. La miniature du panier et de la commande utilise l\u2019image de la variante choisie au lieu de la photo g\u00e9n\u00e9rique du produit parent. C\u2019est une option activ\u00e9e par d\u00e9faut et elle r\u00e9duit les incidents de clients qui pensent avoir re\u00e7u un article diff\u00e9rent de celui achet\u00e9.<\/p>\n<h2 id=\"relacionados\">Produits associ\u00e9s<\/h2>\n<ul>\n<li><a href=\"https:\/\/consultoriaehero.com\/fr\/produit\/ehero-woo-swatches-echantillons-visuels-pour-les-variations-de-woocommerce\/\">EHERO Woo Swatches<\/a> \u2014 remplace les listes d\u00e9roulantes de variations par des pastilles de couleur et des miniatures. C\u2019est le compl\u00e9ment naturel : le swatch choisit, la galerie affiche.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/fr\/produit\/ehero-woo-product-converter-2\/\">Convertisseur de produits WooCommerce<\/a> \u2014 convertit en s\u00e9rie des produits simples en produits variables, id\u00e9al si vous venez d\u2019un catalogue avec une fiche par couleur et que vous voulez l\u2019unifier.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/fr\/produit\/ehero-woo-categories-gestion-massive-des-categories-pour-woocommerce\/\">EHERO Woo Categories<\/a> \u2014 gestion massive des cat\u00e9gories et attributs : une base bien organis\u00e9e permet \u00e0 la carte des images par attribut de fonctionner sur tout le catalogue.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/fr\/produit\/ehero-woocommerce-reduction\/\">EHERO WooCommerce Discount<\/a> \u2014 remises avanc\u00e9es pour conclure la vente que la galerie vient de convaincre.<\/li>\n<\/ul>\n<section class=\"ehero-cta\">\n<h2>Que chaque variante montre ce que le client a choisi<\/h2>\n<p>Une seule photo par variation est une limitation de WooCommerce, pas une d\u00e9cision de votre boutique. Donnez \u00e0 chaque couleur, taille et finition sa propre galerie \u2014 avec ordre, image principale, vid\u00e9o et 360\u00b0 \u2014 pour 49,99 \u20ac par an, licence pour un domaine et support en espagnol.<\/p>\n<p><a class=\"ehero-btn\" href=\"https:\/\/consultoriaehero.com\/fr\/produit\/ehero-woo-variation-gallery-plusieurs-images-par-variante-dans-woocommerce\/\">Acheter EHERO Woo Variation Gallery<\/a><br \/>\n    <a class=\"ehero-btn ehero-btn--ghost\" href=\"https:\/\/consultoriaehero.com\/fr\/boutique\/\">Voir tous les plugins EHERO<\/a><\/p>\n<\/section>\n<\/div>\n<p><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"SoftwareApplication\",\"name\":\"EHERO Woo Variation Gallery\",\"operatingSystem\":\"WordPress\",\"applicationCategory\":\"BusinessApplication\",\"description\":\"Galerie propre pour chaque variante dans WooCommerce : plusieurs images par variante, vid\u00e9os, visionneuse 360\u00b0, badges et filigrane, sans dupliquer les produits.\",\"offers\":{\"@type\":\"Offer\",\"price\":\"49.99\",\"priceCurrency\":\"EUR\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Consultor\u00eda EHERO S.L.U\",\"url\":\"https:\/\/consultoriaehero.com\/fr\/\"}}<\/script><br \/>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Dois-je dupliquer les produits pour avoir plusieurs images par variante dans WooCommerce ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Non, et c\u2019est pr\u00e9cis\u00e9ment l\u2019objectif du plugin. Vous conservez un seul produit variable, avec son stock, ses avis et son URL. Ce qui change, c\u2019est que chaque variation peut avoir une galerie compl\u00e8te au lieu d\u2019une seule photo. Si vous avez d\u00e9j\u00e0 dupliqu\u00e9 des produits pour cette raison, vous pouvez les regrouper \u00e0 nouveau en un seul.\"}},{\"@type\":\"Question\",\"name\":\"Dois-je attribuer les photos variation par variation ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Seulement si vous voulez un niveau de d\u00e9tail maximal. Le plus courant est de les attribuer \u00e0 la valeur de l\u2019attribut : si vos photos d\u00e9pendent de la couleur et non de la taille, vous configurez les images de \u00ab Bleu \u00bb une seule fois et toutes les tailles bleues h\u00e9ritent de cette galerie. Pour un t-shirt de 4 couleurs et 5 tailles, cela repr\u00e9sente 4 configurations au lieu de 20.\"}},{\"@type\":\"Question\",\"name\":\"Est-ce compatible avec mon th\u00e8me ou mon constructeur de pages ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Avec les th\u00e8mes qui utilisent la galerie standard de WooCommerce, cela fonctionne sans aucune configuration. Si la fiche produit est construite avec Elementor, Bricks ou un autre constructeur avec sa propre galerie, un champ est disponible dans les r\u00e9glages pour ajouter les s\u00e9lecteurs CSS de ce conteneur afin que le filtrage s\u2019y applique \u00e9galement.\"}},{\"@type\":\"Question\",\"name\":\"Que se passe-t-il si une variante n\u2019a pas d\u2019images attribu\u00e9es ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"C\u2019est vous qui le d\u00e9cidez dans les r\u00e9glages. Il peut d\u2019abord revenir \u00e0 l\u2019attribut \u2014 la galerie de la couleur, par exemple \u2014 et, si elle n\u2019existe pas non plus, afficher la galerie compl\u00e8te du produit ; il peut ignorer l\u2019attribut et afficher directement tout le contenu ; ou ne rien afficher d\u2019autre que ce qui est attribu\u00e9. Vous pouvez aussi forcer l\u2019image mise en avant du produit \u00e0 rester toujours visible.\"}},{\"@type\":\"Question\",\"name\":\"Les vid\u00e9os et la visionneuse 360\u00b0 ralentissent-elles la fiche produit ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Le chargement diff\u00e9r\u00e9 est activ\u00e9 par d\u00e9faut, donc les images et les vid\u00e9os des variantes ne sont pas t\u00e9l\u00e9charg\u00e9es tant qu\u2019elles ne sont pas n\u00e9cessaires. Les vid\u00e9os sont ins\u00e9r\u00e9es comme une diapositive de la galerie et la visionneuse 360\u00b0 r\u00e9utilise des photos que vous avez d\u00e9j\u00e0 import\u00e9es, sans biblioth\u00e8ques externes lourdes. Malgr\u00e9 tout, ces deux fonctions peuvent \u00eatre d\u00e9sactiv\u00e9es ind\u00e9pendamment si vous pr\u00e9f\u00e9rez une fiche minimale.\"}},{\"@type\":\"Question\",\"name\":\"La bonne image arrive-t-elle aussi dans le panier et la commande ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui. La miniature du panier et de la commande utilise l\u2019image de la variante choisie au lieu de la photo g\u00e9n\u00e9rique du produit parent. C\u2019est une option activ\u00e9e par d\u00e9faut et cela r\u00e9duit les incidents li\u00e9s \u00e0 des clients qui pensent avoir re\u00e7u un article diff\u00e9rent de celui qu\u2019ils ont achet\u00e9.\"}}]}<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Donnez \u00e0 chaque variante sa propre galerie dans WooCommerce : plusieurs images par variante, vid\u00e9os et visionneuse 360\u00b0, sans dupliquer les produits. \u00c0 partir de 49,99 \u20ac\/an.<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_jf_save_progress":"","rank_math_focus_keyword":"varias im\u00e1genes por variante en WooCommerce, galer\u00eda de im\u00e1genes por variante WooCommerce, m\u00faltiples im\u00e1genes por variaci\u00f3n WooCommerce, galer\u00eda por variante WooCommerce, im\u00e1genes por variaci\u00f3n de producto WooCommerce","rank_math_title":"Plusieurs images par variante dans WooCommerce | EHERO","rank_math_description":"Donnez \u00e0 chaque variante sa propre galerie dans WooCommerce : plusieurs images par variante, vid\u00e9os et visionneuse 360\u00b0, sans dupliquer les produits. \u00c0 partir de 49,99 \u20ac\/an.","rank_math_robots":[],"rank_math_canonical_url":"","rank_math_seo_score":80,"footnotes":""},"class_list":["post-10433","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/comments?post=10433"}],"version-history":[{"count":2,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10433\/revisions"}],"predecessor-version":[{"id":10435,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10433\/revisions\/10435"}],"wp:attachment":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media?parent=10433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}