{"id":10430,"date":"2026-08-02T11:13:55","date_gmt":"2026-08-02T09:13:55","guid":{"rendered":"https:\/\/consultoriaehero.com\/?page_id=10430"},"modified":"2026-08-02T11:13:55","modified_gmt":"2026-08-02T09:13:55","slug":"multiple-images-per-variation-in-woocommerce-ehero-woo-variation-gallery","status":"publish","type":"page","link":"https:\/\/consultoriaehero.com\/en\/multiple-images-per-variation-in-woocommerce-ehero-woo-variation-gallery\/","title":{"rendered":"Multiple images per variation in 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\">Gallery plugin for WooCommerce<\/span><\/p>\n<h1 class=\"ehero-hero-title\">Multiple images per variation in WooCommerce<\/h1>\n<p class=\"ehero-sub\">WooCommerce only lets you assign <strong>one photo<\/strong> to each variation. <strong>EHERO Woo Variation Gallery<\/strong> gives each variation its own complete gallery: when you choose a color or size, the product page shows only those images and hides the rest. No duplicate products and no code changes.<\/p>\n<p class=\"ehero-hero-cta\">\n          <a class=\"ehero-btn\" href=\"https:\/\/consultoriaehero.com\/en\/product\/ehero-woo-variation-gallery-multiple-images-per-variation-in-woocommerce\/\">Buy for \u20ac49.99\/year<\/a><br \/>\n          <a class=\"ehero-btn ehero-btn--ghost\" href=\"https:\/\/consultoriaehero.com\/en\/store\/\">View the store<\/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=\"Multiple images per variation in WooCommerce: EHERO Woo Variation Gallery plugin icon\" title=\"EHERO Woo Variation Gallery \u2014 multiple images per variation in WooCommerce\" width=\"1080\" height=\"1080\" loading=\"eager\"><br \/>\n      <\/figure>\n<\/p><\/div>\n<\/section>\n<nav class=\"ehero-toc\">\n    <strong>On this page<\/strong><\/p>\n<ol>\n<li><a href=\"#asi-funciona\">How it works<\/a><\/li>\n<li><a href=\"#problema\">One photo per variation<\/a><\/li>\n<li><a href=\"#solucion\">What the plugin solves<\/a><\/li>\n<li><a href=\"#como-funciona\">How to set it up<\/a><\/li>\n<li><a href=\"#para-quien\">Who it is for<\/a><\/li>\n<li><a href=\"#compatibilidad\">Compatibility<\/a><\/li>\n<li><a href=\"#licencia\">What your license includes<\/a><\/li>\n<li><a href=\"#faq\">Frequently asked questions<\/a><\/li>\n<li><a href=\"#relacionados\">Related products<\/a><\/li>\n<\/ol>\n<\/nav>\n<h2 id=\"asi-funciona\">How it works<\/h2>\n<p>The sequence is the one your customer already expects to find in any major store. They open a variable T-shirt product and see the general product gallery. As soon as they choose the \u201colive green\u201d color or size L, the gallery is rebuilt instantly: only the photos for that variation appear \u2014the front, the back, the fabric detail, the model shot\u2014 and the others disappear. If that variation has a video or a 360\u00b0 sequence, it appears in the same gallery as another slide.<\/p>\n<p>Everything happens without reloading the page and without you writing a line of JavaScript: the plugin listens to WooCommerce\u2019s variation change event, filters the attachments, and redraws the thumbnails with a fade transition.<\/p>\n<p>And when that customer adds the product to the cart, the thumbnail they see in the cart and in the order is the one for <em>their<\/em> variation, not the generic parent product image. That detail prevents a large share of the \u201cI think you sent me the wrong color\u201d emails.<\/p>\n<h2 id=\"problema\">WooCommerce only allows one image per variation, and your customers notice<\/h2>\n<p>Open any variable product in your store, expand a variation, and look at the image box: there is room for one photo. One. It has always been a core WooCommerce limitation and has nothing to do with your theme or page builder. The result is that a dress available in five colors shows one thumbnail per color and, from there, a shared gallery where all variations are mixed together.<\/p>\n<p>The customer who chose navy blue ends up scrolling through photos of red and beige, trying to guess which one matches what they are about to buy. When the doubt is not resolved on the product page, it is resolved elsewhere: by closing the tab. In products where appearance <em>is<\/em> the buying decision \u2014fashion, footwear, decor, furniture, jewelry, cosmetics\u2014 that visual confusion costs you first in conversion and then in returns.<\/p>\n<p>Homegrown alternatives are usually worse than the problem. The most common one is duplicating the product: one page per color so each one can have its own gallery. In two weeks your catalog is bloated, stock is split across pages nobody remembers to update, reviews are fragmented across five URLs, and nearly identical content ends up hurting your SEO. The other option is to put all the photos in the parent product gallery and hope the customer can tell them apart, which is exactly what will not happen.<\/p>\n<p>Being able to show multiple images per variation in WooCommerce is not an aesthetic whim: it closes the gap between what the customer chooses and what the customer sees.<\/p>\n<h2 id=\"solucion\">EHERO Woo Variation Gallery: a dedicated gallery for each variation<\/h2>\n<p>The plugin adds to the variation editor what WooCommerce never included \u2014a multiple-image selector per variation, with featured image and ordering\u2014 and, on the front end, the logic that decides what is shown at any given moment. This is what changes in your store:<\/p>\n<div class=\"ehero-grid\">\n<div class=\"ehero-card\">\n<h3>Unlimited gallery per variation<\/h3>\n<p>Assign as many photos as you want to each variation from the Variations tab. Drag to reorder them and click the star to mark the featured image. When the variation is selected on the product page, only those images are shown.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Images by attribute, without repeating work<\/h3>\n<p>A T-shirt in 4 colors and 5 sizes means 20 variations, but only 4 photo sets. Assign the images to the \u201cColor\u201d attribute value and all sizes of that color inherit the gallery. Set it up once and it works for the whole product.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Shared images<\/h3>\n<p>Some photos apply to all variations: the size guide, the measurement chart, the stitching detail, the material certificate. Mark them as shared and they appear in the gallery of any variation, without duplicating them twenty times.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Videos and 360\u00b0 viewer<\/h3>\n<p>Add YouTube, Vimeo, or direct MP4 videos as another slide in that variation\u2019s gallery. And with a sequence of photos taken in shooting order, the 360\u00b0 viewer lets the customer rotate the product by dragging with the mouse or finger.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Badges and watermark<\/h3>\n<p>Variation labels \u2014New, Sale, Out of stock, or custom text like \u201c-20%\u201d\u2014 over the image. And a configurable text watermark with position, size, color, background, opacity, rotation, and shadow to protect your product photos.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Catalog image swap<\/h3>\n<p>On the shop page, when you hover over a product\u2019s variations the thumbnail changes to that color\u2019s image. The customer compares from the listing and enters the product page already decided, instead of opening and closing five products.<\/p>\n<\/div><\/div>\n<p>Behind those six features is an important design decision: <strong>you choose the default behavior<\/strong>. You define which gallery is shown before the customer selects anything \u2014all images, the first variation\u2019s gallery, or WooCommerce\u2019s default variation\u2014 whether the featured image stays visible at all times, and what happens when a variation has no images of its own.<\/p>\n<p>The plugin also includes a statistics panel that records which variations your customers look at most. You will know whether the color you feature is really the one that attracts attention, or whether the most viewed one does not match the best seller: direct information to decide what to photograph better and what stock to reinforce.<\/p>\n<h2 id=\"como-funciona\">How to get it running (without touching a line of code)<\/h2>\n<ol class=\"ehero-steps\">\n<li><strong>Install and activate the license<\/strong>\n<p>Upload the ZIP from Plugins \u2192 Add New, activate it, and paste your license key. From then on you receive automatic updates from the WordPress dashboard, just like any other plugin.<\/p>\n<\/li>\n<li><strong>Assign photos to each variation<\/strong>\n<p>Edit a variable product, go to the Variations tab, expand a variation, and click \u201cSelect images.\u201d Choose the photos from the media library, drag to reorder them, and mark the featured image with the star. Repeat for the variations that need it.<\/p>\n<\/li>\n<li><strong>Set up shortcuts<\/strong>\n<p>If your product combines color and size, assign the images to the \u201cColor\u201d attribute in the attribute map and forget about repeating them size by size. Mark common photos, such as the size guide or measurement chart, as shared.<\/p>\n<\/li>\n<li><strong>Adjust the behavior and publish<\/strong>\n<p>In Settings you decide the initial gallery, the transition, whether to enable videos, 360\u00b0, badges, or watermark, and whether the thumbnail changes in the catalog. Save, open the product page, and check the result in two clicks.<\/p>\n<\/li>\n<\/ol>\n<p>If your product page is built with a page builder like Elementor or Bricks, or a theme with its own gallery, there is a field to add the CSS selectors for that container so filtering works there too. It is the closest thing to code you will see: paste a selector.<\/p>\n<h2 id=\"para-quien\">Who is this variation gallery plugin for?<\/h2>\n<ul>\n<li><strong>Fashion, footwear, and accessories.<\/strong> It is the textbook case: five colors, four sizes, and a customer who wants to see the garment worn in the exact color they chose. Together with visual swatches, the product page behaves like a big-brand store.<\/li>\n<li><strong>Decor, furniture, and home textiles.<\/strong> A sofa in six upholstery options needs six lifestyle galleries, not six thumbnails. Here the difference between seeing the fabric and guessing it is literally the sale.<\/li>\n<li><strong>Jewelry, cosmetics, and personalized gifts.<\/strong> Gold, silver, or rose finishes, lipstick shades, engravings: small details that are only appreciated with several close-up photos and, often, a 360\u00b0 spin.<\/li>\n<li><strong>Stores with imported catalogs or <a href=\"https:\/\/consultoriaehero.com\/en\/product-category\/woocommerce-plugins\/\">dropshipping<\/a>.<\/strong> When the supplier sends photos grouped by color, the attribute map avoids having to assign them variation by variation every time a new product arrives.<\/li>\n<li><strong>Anyone who already duplicated products and wants to go back.<\/strong> If you have five pages for the same item just so each one can have its own gallery, this plugin lets you consolidate them into a single variable product without losing the visual experience.<\/li>\n<\/ul>\n<h2 id=\"compatibilidad\">Compatibility<\/h2>\n<p>EHERO Woo Variation Gallery works on the <a href=\"https:\/\/woocommerce.com\/document\/variable-product\/\" target=\"_blank\" rel=\"noopener\">native WooCommerce variable product<\/a>: it does not create its own product type or move your data to parallel tables. It works on <a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> 5.8 or higher, declares compatibility with HPOS \u2014high-performance order storage\u2014 and is tested up to 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>Native variable products<\/li>\n<li>Elementor<\/li>\n<li>Bricks Builder<\/li>\n<li>Custom selectors<\/li>\n<li>Swatch compatible<\/li>\n<\/ul>\n<p>If you deactivate the plugin, your products keep working: variations retain their native image and the product page returns to standard behavior. There is no technical dependency locking you in.<\/p>\n<h2 id=\"licencia\">What your license includes<\/h2>\n<p>The EHERO Woo Variation Gallery license costs <strong>\u20ac49.99 per year<\/strong> and includes everything you need to have multiple images per variation in WooCommerce working from day one, with no extra modules or separate paid features:<\/p>\n<ul>\n<li><strong>All features, no stripped-down version.<\/strong> Gallery per variation, attribute map, shared images, videos, 360\u00b0, badges, watermark, catalog image swap, variation image in cart, and statistics.<\/li>\n<li><strong>One year of automatic updates<\/strong> from the WordPress dashboard, with plugin improvements and compatibility with new WooCommerce versions.<\/li>\n<li><strong>Technical support in Spanish<\/strong>, handled by the same team that develops the plugin.<\/li>\n<li><strong>Documentation and manual in Spanish<\/strong>, accessible from the plugin panel itself.<\/li>\n<li><strong>License for one domain<\/strong>, with activation and deactivation from your dashboard so you can move it if you change installations.<\/li>\n<\/ul>\n<h2 id=\"faq\">Frequently asked questions<\/h2>\n<h3>Do I have to duplicate products to have multiple images per variation in WooCommerce?<\/h3>\n<p>No, and that is precisely the point of the plugin. You keep a single variable product, with its stock, reviews, and URL. What changes is that each variation can have a full gallery instead of just one photo. If you already duplicated products for this reason, you can consolidate them back into one.<\/p>\n<h3>Do I have to assign photos variation by variation?<\/h3>\n<p>Only if you want maximum detail. The usual approach is to assign them to the attribute value: if your photos depend on color and not size, you set up the images for \u201cBlue\u201d once and all blue sizes inherit that gallery. For a T-shirt with 4 colors and 5 sizes, that means 4 setups instead of 20.<\/p>\n<h3>Does it work with my theme or page builder?<\/h3>\n<p>With themes that use the standard WooCommerce gallery it works without any setup. If the product page is built with Elementor, Bricks, or another page builder with its own gallery, there is a field in the settings where you can add the CSS selectors for that container so filtering applies there too.<\/p>\n<h3>What happens if a variation has no assigned images?<\/h3>\n<p>You decide in the settings. It can fall back first to the attribute \u2014the color gallery, for example\u2014 and, if that does not exist either, show the full product gallery; it can skip the attribute and go straight to showing everything; or it can show nothing beyond what is assigned. You can also force the product featured image to stay visible at all times.<\/p>\n<h3>Do videos and the 360\u00b0 viewer slow down the product page?<\/h3>\n<p>Lazy loading is enabled by default, so variation images and videos are not loaded until they are needed. Videos are inserted as a gallery slide and the 360\u00b0 viewer reuses photos you have already uploaded, without heavy external libraries. Even so, both features can be disabled independently if you prefer a minimal product page.<\/p>\n<h3>Does the correct image also reach the cart and the order?<\/h3>\n<p>Yes. The cart and order thumbnail uses the image of the chosen variation instead of the generic parent product photo. It is enabled by default and reduces issues from customers who think they received a different item than the one they bought.<\/p>\n<h2 id=\"relacionados\">Related products<\/h2>\n<ul>\n<li><a href=\"https:\/\/consultoriaehero.com\/en\/product\/ehero-woo-swatches-visual-swatches-for-woocommerce-variations\/\">EHERO Woo Swatches<\/a> \u2014 replaces variation dropdowns with color circles and thumbnails. It is the natural complement: the swatch chooses, the gallery shows.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/en\/product\/ehero-woo-product-converter-6\/\">WooCommerce product converter<\/a> \u2014 converts simple products into variable products in bulk, ideal if you come from a catalog with one page per color and want to unify it.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/en\/product\/ehero-woo-categories-bulk-category-management-for-woocommerce\/\">EHERO Woo Categories<\/a> \u2014 bulk category and attribute management: an organized base makes the attribute image map work across the whole catalog.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/en\/product\/ehero-woocommerce-discount\/\">EHERO WooCommerce Discount<\/a> \u2014 advanced discounts to close the sale that the gallery just convinced.<\/li>\n<\/ul>\n<section class=\"ehero-cta\">\n<h2>Let each variation show what the customer chose<\/h2>\n<p>One photo per variation is a WooCommerce limitation, not a decision by your store. Give each color, size, and finish its own gallery \u2014with order, featured image, video, and 360\u00b0\u2014 for \u20ac49.99 a year, one-domain license, and support in Spanish.<\/p>\n<p><a class=\"ehero-btn\" href=\"https:\/\/consultoriaehero.com\/en\/product\/ehero-woo-variation-gallery-multiple-images-per-variation-in-woocommerce\/\">Buy EHERO Woo Variation Gallery<\/a><br \/>\n    <a class=\"ehero-btn ehero-btn--ghost\" href=\"https:\/\/consultoriaehero.com\/en\/store\/\">View all EHERO plugins<\/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\":\"Own gallery for each variation in WooCommerce: multiple images per variation, videos, 360\u00b0 viewer, badges, and watermark, without duplicating products.\",\"offers\":{\"@type\":\"Offer\",\"price\":\"49.99\",\"priceCurrency\":\"EUR\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Consultor\u00eda EHERO S.L.U\",\"url\":\"https:\/\/consultoriaehero.com\/en\/\"}}<\/script><br \/>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Do I have to duplicate products to have multiple images per variation in WooCommerce?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, and that is precisely the purpose of the plugin. You still have a single variable product, with its stock, reviews, and URL. What changes is that each variation can have a full gallery instead of a single photo. If you already duplicated products for this reason, you can consolidate them back into one.\"}},{\"@type\":\"Question\",\"name\":\"Do I have to assign the photos variation by variation?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Only if you want the maximum level of detail. The usual approach is to assign them to the attribute value: if your photos depend on color and not on size, you set the images for \u201cBlue\u201d once and all blue sizes inherit that gallery. For a T-shirt with 4 colors and 5 sizes, that means 4 settings instead of 20.\"}},{\"@type\":\"Question\",\"name\":\"Does it work with my theme or my page builder?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"With themes that use the standard WooCommerce gallery, it works without any setup. If the product page is built with Elementor, Bricks, or another page builder with its own gallery, there is a field in the settings where you can add the CSS selectors for that container so filtering is applied there too.\"}},{\"@type\":\"Question\",\"name\":\"What happens if a variation has no assigned images?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"You decide in the settings. It can first fall back to the attribute \u2014the color gallery, for example\u2014 and, if that does not exist either, show the full product gallery; it can skip the attribute and go straight to showing everything; or it can show nothing beyond what is assigned. You can also force the product featured image to always remain visible.\"}},{\"@type\":\"Question\",\"name\":\"Do videos and the 360\u00b0 viewer slow down the product page?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Lazy loading is enabled by default, so variation images and videos are not downloaded until they are needed. Videos are inserted as a gallery slide and the 360\u00b0 viewer reuses photos you have already uploaded, without heavy external libraries. Even so, both features can be disabled independently if you prefer a minimal product page.\"}},{\"@type\":\"Question\",\"name\":\"Does the correct image also appear in the cart and order?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. The cart and order thumbnail uses the image of the selected variation instead of the generic parent product image. This option is enabled by default and reduces issues with customers who think they received a different item from the one they bought.\"}}]}<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Give each variation its own gallery in WooCommerce: multiple images per variation, videos and 360\u00b0 viewer, without duplicating products. From \u20ac49.99\/year.<\/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":"Multiple images per variation in WooCommerce | EHERO","rank_math_description":"Give each variation its own gallery in WooCommerce: multiple images per variation, videos and 360\u00b0 viewer, without duplicating products. From \u20ac49.99\/year.","rank_math_robots":[],"rank_math_canonical_url":"","rank_math_seo_score":80,"footnotes":""},"class_list":["post-10430","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10430","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=10430"}],"version-history":[{"count":2,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10430\/revisions"}],"predecessor-version":[{"id":10432,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10430\/revisions\/10432"}],"wp:attachment":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media?parent=10430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}