{"id":5913,"date":"2026-07-08T13:09:20","date_gmt":"2026-07-08T11:09:20","guid":{"rendered":"https:\/\/consultoriaehero.com\/en\/?post_type=product&#038;p=5913"},"modified":"2026-07-08T13:09:20","modified_gmt":"2026-07-08T11:09:20","slug":"ehero-woo-variation-gallery-multiple-images-per-variation-in-woocommerce","status":"publish","type":"product","link":"https:\/\/consultoriaehero.com\/en\/product\/ehero-woo-variation-gallery-multiple-images-per-variation-in-woocommerce\/","title":{"rendered":"EHERO Woo Variation Gallery \u2013 Multiple images per variation in WooCommerce"},"content":{"rendered":"<div style=\"max-width: 1140px; margin: 0 auto;\">\n<div style=\"margin: 0 auto 20px; font-family: Montserrat,Arial,sans-serif;\">\n<div style=\"background: linear-gradient(90deg,#017cba 0%,#00b2e2 100%); border-radius: 16px; padding: 22px 26px;\">\n<div style=\"display: inline-block; padding: 4px 10px; border-radius: 999px; color: #fff !important; font-size: 10px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 9px;\">WooCommerce Plugin<\/div>\n<div style=\"font-size: 24px; line-height: 1.15; font-weight: 800; color: #fff !important; margin: 0 0 7px;\">Multiple images per variation in WooCommerce<\/div>\n<div style=\"font-size: 14px; line-height: 1.5; color: #fff !important; max-width: 980px;\">WooCommerce only allows one image per variation. With EHERO Woo Variation Gallery, you can add <strong style=\"color: #fff;\">multiple images per variation<\/strong> and, when the customer chooses a color or size, they only see those photos.<\/div>\n<\/div>\n<\/div>\n<h2 style=\"font-size: 23px; line-height: 1.3; color: #017cba; margin: 1.7em 0 .5em;\">Multiple images per variation: the gallery WooCommerce doesn&#8217;t include by default<\/h2>\n<p style=\"line-height: 1.75;\">Adding <strong>multiple images per variation<\/strong> in WooCommerce is not possible with the core: each variation supports only one photo. <strong>EHERO Woo Variation Gallery<\/strong> breaks that limit and lets you assign <strong>multiple images per variation<\/strong> \u2014a complete gallery\u2014 to each variation of your product. When a variation is selected, the product page shows only its images and hides the rest, with drag-and-drop ordering, featured image, zoom, videos, and 360\u00b0 viewer.<\/p>\n<p style=\"line-height: 1.75;\">Your customers want to see the product in the exact color they chose and from every angle. Showing more photos per variation builds more trust and, therefore, more sales: fewer doubts, fewer returns, and a much more professional product page.<\/p>\n<h2 style=\"font-size: 23px; line-height: 1.3; color: #017cba; margin: 1.7em 0 .5em;\">Everything the plugin does<\/h2>\n<h3 style=\"font-size: 19px; line-height: 1.3; color: #1f2937; margin: 1.3em 0 .35em;\">Unlimited images per variation, with featured image and ordering<\/h3>\n<p style=\"line-height: 1.75;\">Assign as many photos as you want to each variation. Mark the <strong>featured image<\/strong> with one click and reorder them by dragging. You can enable &#8220;keep the main image&#8221; to preserve the product&#8217;s featured photo alongside the variation images.<\/p>\n<h3 style=\"font-size: 19px; line-height: 1.3; color: #1f2937; margin: 1.3em 0 .35em;\">Hide photos from other variations<\/h3>\n<p style=\"line-height: 1.75;\">When the customer chooses a variation, the gallery filters the images and shows only those for that variation. The rest are hidden automatically, without reloading the page.<\/p>\n<h3 style=\"font-size: 19px; line-height: 1.3; color: #1f2937; margin: 1.3em 0 .35em;\">Attribute reservation: share multiple images per variation of a color or material<\/h3>\n<p style=\"line-height: 1.75;\">Do several variations share photos? Assign an image set to an attribute value (for example &#8220;Color: Blue&#8221;) and it will apply to all variations that use it. This way you can configure multiple images per variation without repeating work.<\/p>\n<h3 style=\"font-size: 19px; line-height: 1.3; color: #1f2937; margin: 1.3em 0 .35em;\">Videos and 360\u00b0 viewer inside the gallery<\/h3>\n<p style=\"line-height: 1.75;\">Add YouTube, Vimeo, or MP4 videos as another slide in the gallery, with embedded playback, and a draggable 360\u00b0 viewer from a photo sequence. All per variation.<\/p>\n<h3 style=\"font-size: 19px; line-height: 1.3; color: #1f2937; margin: 1.3em 0 .35em;\">Badges, watermark, and shared images<\/h3>\n<p style=\"line-height: 1.75;\">Show labels by variation (New, Sale, Out of stock, or custom), a configurable watermark over the images, and shared product-level images (such as a size guide) visible in all variations.<\/p>\n<h3 style=\"font-size: 19px; line-height: 1.3; color: #1f2937; margin: 1.3em 0 .35em;\">Thumbnail swap in the shop and image in the cart<\/h3>\n<p style=\"line-height: 1.75;\">In the shop listing, hovering over variations changes the product photo. And the selected variation image is also used in the cart and checkout. Compatible with page builders like Bricks, Elementor, or Flatsome, with lazy loading and automatic ALT for SEO.<\/p>\n<h2 style=\"font-size: 23px; line-height: 1.3; color: #017cba; margin: 1.7em 0 .5em;\">How to add multiple images per variation in 3 steps<\/h2>\n<p style=\"line-height: 1.75;\">Setting up multiple images per variation requires no code:<\/p>\n<ul style=\"line-height: 1.75;\">\n<li style=\"margin: .3em 0;\"><strong>Install and activate<\/strong> the plugin and your license on your domain.<\/li>\n<li style=\"margin: .3em 0;\"><strong>Edit a variable product<\/strong>, open each variation, select its photos, mark the featured image, and order them.<\/li>\n<li style=\"margin: .3em 0;\"><strong>Done:<\/strong> your customers see multiple images per variation when choosing each variation, with zoom, video, and 360\u00b0.<\/li>\n<\/ul>\n<h2 style=\"font-size: 23px; line-height: 1.3; color: #017cba; margin: 1.7em 0 .5em;\">Native WooCommerce vs. EHERO Woo Variation Gallery<\/h2>\n<div>\n<table style=\"width: 100%; border-collapse: collapse; font-size: 13px; min-width: 520px;\">\n<thead>\n<tr>\n<th style=\"padding: 11px 16px; text-align: left; color: #fff; background: #334155; font-size: 13px;\">Feature<\/th>\n<th style=\"padding: 11px 16px; text-align: center; color: #fff; background: #334155; font-size: 13px;\">Native WooCommerce<\/th>\n<th style=\"padding: 11px 16px; text-align: center; color: #fff; background: #017cba; font-size: 13px;\">With the plugin<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 10px 16px; color: #334155;\">Images per variation<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #ca8a04; font-weight: 400;\">\u26a0\ufe0f Only 1<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705 Unlimited<\/td>\n<\/tr>\n<tr style=\"background: #f8f9fa;\">\n<td style=\"padding: 10px 16px; color: #334155;\">Hide photos from other variations<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px 16px; color: #334155;\">Featured image and ordering by variation<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705<\/td>\n<\/tr>\n<tr style=\"background: #f8f9fa;\">\n<td style=\"padding: 10px 16px; color: #334155;\">Attribute reservation<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px 16px; color: #334155;\">Videos and 360\u00b0 viewer per variation<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705<\/td>\n<\/tr>\n<tr style=\"background: #f8f9fa;\">\n<td style=\"padding: 10px 16px; color: #334155;\">Badges and watermark<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px 16px; color: #334155;\">Thumbnail swap in the shop<\/td>\n<td style=\"padding: 10px 16px; text-align: center; color: #dc2626; font-weight: 400;\">\u274c<\/td>\n<td style=\"padding: 10px 16px; text-align: center; background: #eff6ff; color: #16a34a; font-weight: 600;\">\u2705<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 style=\"font-size: 23px; line-height: 1.3; color: #017cba; margin: 1.7em 0 .5em;\">Which stores is it ideal for?<\/h2>\n<p style=\"line-height: 1.75;\">Any catalog with variable products benefits from showing multiple images per variation: <strong>fashion and footwear<\/strong> (colors and sizes), <strong>cosmetics<\/strong>, <strong>furniture and decor<\/strong>, <strong>customizable products<\/strong>, and accessories. If you sell by color, size, or material, this gallery multiplies the visual information for each variation.<\/p>\n<hr \/>\n<div style=\"max-width: 100%; margin: 2em auto; background: linear-gradient(180deg,#f8fbff 0%,#fff 100%); border-radius: 16px; padding: 26px 30px;\">\n<h3 style=\"text-align: center; margin-top: 0; font-size: 23px; color: #017cba;\">Works especially well with\u2026<\/h3>\n<p style=\"text-align: center; color: #335066;\">Combine EHERO Woo Variation Gallery with these EHERO plugins to get more out of your variable product catalog:<\/p>\n<ul style=\"line-height: 1.7;\">\n<li style=\"margin: .3em 0;\"><a href=\"https:\/\/consultoriaehero.com\/en\/product\/conversor-productos-woocommerce\/\"><strong>EHERO Woo Product Converter<\/strong><\/a> \u2014 converts your simple products into variable products so you can give them a gallery per variation.<\/li>\n<li style=\"margin: .3em 0;\"><a href=\"https:\/\/consultoriaehero.com\/en\/product\/ehero-woo-brands-brand-management-in-woocommerce-with-seo-filters-and-analytics\/\"><strong>EHERO Woo Brands<\/strong><\/a> \u2014 adds brand pages and strengthens the presentation of each product in your catalog.<\/li>\n<li style=\"margin: .3em 0;\"><a href=\"https:\/\/consultoriaehero.com\/en\/product\/ehero-woo-categories-bulk-category-management-for-woocommerce\/\"><strong>EHERO Woo Categories<\/strong><\/a> \u2014 organize and manage your variable product catalog in bulk.<\/li>\n<\/ul>\n<blockquote style=\"border-left: 4px solid #017cba; background: #f0f7ff; padding: 16px 20px; border-radius: 0 12px 12px 0; margin: 1.4em auto 0; max-width: 100%;\">\n<p style=\"margin: 0; color: #335066;\"><strong>Practical example:<\/strong> in a fashion store, EHERO Woo Product Converter turns your listings into variable products, EHERO Woo Variation Gallery gives each color its full gallery with multiple images per variation, and EHERO Woo Brands presents each brand with its own page.<\/p>\n<\/blockquote>\n<\/div>\n<hr \/>\n<div style=\"max-width: 100%; margin: 2em auto;\">\n<h3 style=\"text-align: center; font-size: 23px; color: #017cba;\">Frequently asked questions<\/h3>\n<p style=\"color: #0f2a43; margin: 1em 0 .2em;\"><strong>Do I need technical knowledge to use it?<\/strong><\/p>\n<p style=\"color: #335066; margin-top: 0;\">No. You assign the images for each variation from the product editor, without touching code.<\/p>\n<p style=\"color: #0f2a43; margin: 1em 0 .2em;\"><strong>Is it compatible with Bricks, Elementor, and the native gallery?<\/strong><\/p>\n<p style=\"color: #335066; margin-top: 0;\">Yes. It works with the native WooCommerce gallery (including zoom and lightbox) and with product pages built with page builders like Bricks or Elementor.<\/p>\n<p style=\"color: #0f2a43; margin: 1em 0 .2em;\"><strong>What does the license include and for how many domains?<\/strong><\/p>\n<p style=\"color: #335066; margin-top: 0;\">An annual license for one domain, with all features, automatic updates, and support for one year, from 49.99 \u20ac\/year.<\/p>\n<p style=\"color: #0f2a43; margin: 1em 0 .2em;\"><strong>Can I show multiple images per variation on any variable product?<\/strong><\/p>\n<p style=\"color: #335066; margin-top: 0;\">Yes, on all WooCommerce variable products, with drag-and-drop ordering, featured image, and attribute reservation.<\/p>\n<\/div>\n<hr \/>\n<div style=\"max-width: 100%; margin: 1.6em auto; background: linear-gradient(180deg,#f8fbff 0%,#fff 100%); border-radius: 16px; padding: 24px 28px;\">\n<h3 style=\"text-align: center; margin-top: 0; font-size: 20px; color: #017cba;\">One license, one domain \u2014 everything included<\/h3>\n<p style=\"text-align: center; color: #335066; margin-bottom: 0; line-height: 1.7;\">Your annual license includes <strong>all features<\/strong> \u2014multiple images per variation, videos, 360\u00b0 viewer, badges, watermark, shared images, shop swap, and cart image\u2014 with automatic updates for 1 year and support, from 49.99 \u20ac\/year.<\/p>\n<\/div>\n<hr \/>\n<blockquote style=\"border-left: 4px solid #017cba; background: #f0f7ff; padding: 16px 20px; border-radius: 0 12px 12px 0; margin: 1.4em auto;\">\n<p style=\"margin: 0;\"><strong>Do you sell by color, size, or material and can only add one photo per variation? Let each variation have its own gallery with multiple images per variation. From 49.99 \u20ac\/year.<\/strong><\/p>\n<\/blockquote>\n<p style=\"text-align: center;\"><strong>Start showing multiple images per variation in your store today with EHERO Woo Variation Gallery.<\/strong><\/p>\n<p style=\"text-align: center; font-size: 14px; color: #475569;\">Discover all our <a href=\"https:\/\/consultoriaehero.com\/en\/product-category\/woocommerce-plugins\/\">WooCommerce plugins<\/a> or visit the <a href=\"https:\/\/consultoriaehero.com\/en\/store\/\">Consultor\u00eda EHERO store<\/a>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Add <strong>multiple images per variation<\/strong> to your WooCommerce store: when the customer chooses a color or size, they only see the photos for that variation. Drag-and-drop ordering, featured image, attribute reservation, videos, 360\u00b0 viewer, badges, and native zoom\/lightbox. From 49.99 \u20ac\/year.<\/p>\n","protected":false},"featured_media":5672,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_jf_save_progress":""},"product_brand":[],"product_cat":[983,974],"product_tag":[1523,1140,1139,1526,1527,1517,1516,1521,1524,1519,1520,1522,1518,1525],"class_list":["post-5913","product","type-product","status-publish","has-post-thumbnail","product_cat-security-and-compliance","product_cat-woocommerce-plugins","product_tag-360-viewer","product_tag-bricks-en","product_tag-elementor-en","product_tag-fashion","product_tag-footwear","product_tag-gallery-by-variant","product_tag-multiple-images-per-variant","product_tag-photos-by-variant","product_tag-reserve-by-attribute","product_tag-variant-images","product_tag-variation-gallery-en","product_tag-video-by-variant","product_tag-woocommerce-variations-2","product_tag-zoom-variant","first","instock","downloadable","virtual","sold-individually","taxable","purchasable","product-type-ehero_subscription"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/product\/5913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/comments?post=5913"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media\/5672"}],"wp:attachment":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media?parent=5913"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/product_brand?post=5913"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/product_cat?post=5913"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/product_tag?post=5913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}