{"id":10501,"date":"2026-08-04T09:05:34","date_gmt":"2026-08-04T07:05:34","guid":{"rendered":"https:\/\/consultoriaehero.com\/?p=10501"},"modified":"2026-08-12T15:46:22","modified_gmt":"2026-08-12T13:46:22","slug":"varias-imaxes-por-cor-en-woocommerce-como-montalo-ben","status":"publish","type":"post","link":"https:\/\/consultoriaehero.com\/gl\/varias-imaxes-por-cor-en-woocommerce-como-montalo-ben\/","title":{"rendered":"Varias imaxes por cor en WooCommerce: como montalo ben"},"content":{"rendered":"<p>Vender o mesmo produto en varias cores parece sinxelo ata que chegan as fotos. Cada cor necesita as s\u00faas propias vistas \u2014frontal, traseira, detalle, posto\u2014 e WooCommerce s\u00f3 admite <strong>unha imaxe por variaci\u00f3n<\/strong>. A partir de a\u00ed comezan os apa\u00f1os. Imos ver cales hai, cal sae mellor e que lle pasa \u00e1 t\u00faa conversi\u00f3n con cada un.<\/p>\n<h2>Por que a cor \u00e9 o caso m\u00e1is problem\u00e1tico<\/h2>\n<p>A cor \u00e9 o atributo que m\u00e1is cambia o que ve o cliente. Unha talla non altera a foto; unha cor c\u00e1mbiao todo. E \u00e9 tam\u00e9n o atributo polo que m\u00e1is se decide: quen dubida entre o verde e o burdeos quere ver os dous ben, non imaxinalos.<\/p>\n<p>Ah\u00ed est\u00e1 o problema de fondo: a decisi\u00f3n de compra depende dunhas imaxes que WooCommerce non est\u00e1 preparado para amosar de forma separada.<\/p>\n<h2>As tres formas de resolvelo e o que custa cada unha<\/h2>\n<table style=\"width: 100%;border-collapse: collapse\">\n<tbody>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Todas as fotos na galer\u00eda do pai<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">R\u00e1pido de montar e gratis. O cliente ve as fotos de todas as cores mesturadas, o m\u00f3bil carga imaxes que ningu\u00e9n vai mirar e a ficha conv\u00e9rtese nun carrusel interminable.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Un produto por cor<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Cada cor ten a s\u00faa ficha limpa. A cambio multiplicas o mantemento polo n\u00famero de cores, repartes rese\u00f1as e autoridade entre varias URLs e creas contido case duplicado que compite consigo mesmo en Google.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Galer\u00eda por variaci\u00f3n<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Unha soa ficha e cada cor coas s\u00faas propias fotos. Require un plugin, e ese \u00e9 todo o custo: a estrutura do cat\u00e1logo non cambia.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Cantas fotos necesita cada cor<\/h2>\n<p>Antes de decidir a soluci\u00f3n conv\u00e9n saber o volume real, porque \u00e9 o que fai inviable a opci\u00f3n de metelo todo xunto.<\/p>\n<ul>\n<li><strong>Textil:<\/strong> frontal, traseira, detalle de tecido e prenda posta. Catro por cor como m\u00ednimo.<\/li>\n<li><strong>Mobiliario:<\/strong> conxunto, detalle do acabado e ambiente. Tres por acabado.<\/li>\n<li><strong>Cosm\u00e9tica:<\/strong> envase, textura e resultado aplicado. Tres por ton.<\/li>\n<li><strong>Calzado:<\/strong> perfil, cenital, sola e posto. Catro por cor.<\/li>\n<\/ul>\n<h2>O c\u00e1lculo que decide<\/h2>\n<p>Multiplica as t\u00faas cores polas fotos que necesita cada unha. Cinco cores por catro vistas son vinte imaxes nunha soa ficha se as metes todas xuntas. O cliente que busca o azul ten que pasar por dezaseis que non lle interesan antes de chegar \u00e1 \u00faltima s\u00faa.<\/p>\n<p>En escritorio \u00e9 molesto. En m\u00f3bil, onde o carrusel ocupa toda a pantalla e se navega co dedo, \u00e9 directamente unha barreira. E esa barreira est\u00e1 xusto no punto onde o cliente decide se compra.<\/p>\n<h2>Como se monta cunha galer\u00eda por variaci\u00f3n<\/h2>\n<p>Con <a href=\"https:\/\/consultoriaehero.com\/gl\/produto\/ehero-woo-variation-gallery-varias-imaxes-por-variante-en-woocommerce\/\">EHERO Woo Variation Gallery<\/a> o proceso \u00e9 o mesmo que xa co\u00f1eces, s\u00f3 que cada variaci\u00f3n admite varias imaxes en lugar dunha:<\/p>\n<h3>Un consello sobre a orde das fotos<\/h3>\n<p>Mant\u00e9n a mesma orde en todas as cores: primeiro a vista principal, logo o detalle, logo a prenda posta. Cando o cliente cambia de cor espera atopar o mesmo no mesmo sitio, e se a orde baila, a comparaci\u00f3n v\u00f3lvese inc\u00f3moda.<\/p>\n<ul>\n<li>Creas as variaci\u00f3ns de cor como sempre, desde a pestana de variaci\u00f3ns de WooCommerce.<\/li>\n<li>A cada unha lle asignas a s\u00faa galer\u00eda: tantas fotos como precise esa cor.<\/li>\n<li>O cliente selecciona a cor e a galer\u00eda completa substit\u00faese ao instante.<\/li>\n<li>S\u00f3 se cargan as imaxes da cor activa, as\u00ed que a ficha non engorda.<\/li>\n<\/ul>\n<h2>O erro m\u00e1is com\u00fan ao organizar as fotos<\/h2>\n<p>Antes incluso de elixir soluci\u00f3n, hai unha decisi\u00f3n que case todo o mundo toma mal: que foto vai primeiro en cada cor.<\/p>\n<p>O natural \u00e9 subir as imaxes na orde en que sa\u00edron da sesi\u00f3n, que adoita ser por bloques: todas as frontais, logo todas as traseiras, logo os detalles. O resultado \u00e9 que cada cor acaba cunha orde distinta, e cando o cliente cambia de cor a primeira imaxe non \u00e9 a mesma vista. Esa incoherencia obriga a reorientarse en cada cambio e fai que comparar d\u00faas cores sexa inc\u00f3modo.<\/p>\n<p>A regra \u00e9 simple: <strong>a mesma orde en todas as cores<\/strong>, sempre. Vista principal, detalle, contexto de uso. Custa cinco minutos ao organizar o cat\u00e1logo e aforra fricci\u00f3n en cada visita.<\/p>\n<h2>Que mirar no m\u00f3bil, que \u00e9 onde se decide<\/h2>\n<p>M\u00e1is da metade das visitas a unha ficha de produto chegan desde o tel\u00e9fono, e a\u00ed as regras cambian. A galer\u00eda ocupa a pantalla enteira, navegase co dedo e cada imaxe de m\u00e1is \u00e9 un desprazamento de m\u00e1is.<\/p>\n<ul>\n<li><strong>O selector debe verse sen facer scroll.<\/strong> Se o cliente ten que baixar para atopar as cores, moitos nin o intentan.<\/li>\n<li><strong>O cambio ten que ser instant\u00e1neo.<\/strong> Un recargado de p\u00e1xina en m\u00f3bil, con conexi\u00f3n de datos, \u00e9 medio segundo longo e unha perda de posici\u00f3n na ficha.<\/li>\n<li><strong>O peso importa o dobre.<\/strong> Cargar vinte imaxes nunha conexi\u00f3n m\u00f3bil \u00e9 a diferenza entre unha ficha que abre e unha que o visitante abandona antes de ver nada.<\/li>\n<\/ul>\n<p>Esa \u00faltima \u00e9 a raz\u00f3n pr\u00e1ctica pola que meter todas as fotos na galer\u00eda do pai acaba sa\u00edndo caro: non \u00e9 s\u00f3 inc\u00f3modo, \u00e9 lento xusto onde peor senta.<\/p>\n<h2>E se vendes en varios idiomas<\/h2>\n<p>As imaxes non se traducen, pero as fichas si. Se a t\u00faa tenda \u00e9 multiling\u00fce, comproba que a galer\u00eda por variaci\u00f3n se mant\u00e9n nas traduci\u00f3ns e non queda s\u00f3 no idioma orixinal. Un produto que amosa as fotos correctas en espa\u00f1ol e a galer\u00eda xen\u00e9rica en franc\u00e9s \u00e9 peor que non ter variaci\u00f3ns separadas, porque a incoherencia n\u00f3tase.<\/p>\n<h2>Preguntas frecuentes<\/h2>\n<p><strong>Cantas imaxes podo po\u00f1er por cor?<\/strong><\/p>\n<p>As que precises. Non hai un l\u00edmite pr\u00e1ctico, a\u00ednda que por rendemento e por experiencia de uso conv\u00e9n non pasar de seis ou oito por variaci\u00f3n.<\/p>\n<p><strong>Te\u00f1o que subir fotos para todas as cores desde o principio?<\/strong><\/p>\n<p>Non. As variaci\u00f3ns sen galer\u00eda propia mostran a do produto pai, as\u00ed que podes ir completando o cat\u00e1logo ao teu ritmo sen que ningunha ficha quede baleira.<\/p>\n<p><strong>\u00c9 mellor isto que crear un produto por cor?<\/strong><\/p>\n<p>Para case todos os casos, si. Mant\u00e9s unha soa ficha \u2014un prezo, un stock, unhas rese\u00f1as\u2014 e evitas que varias URLs case id\u00e9nticas compitan entre si nos resultados de busca.<\/p>\n<p><strong>P\u00f3dese combinar cor e talla?<\/strong><\/p>\n<p>Si. A galer\u00eda as\u00f3ciase \u00e1 variaci\u00f3n, as\u00ed que podes decidir se as fotos dependen s\u00f3 da cor ou da combinaci\u00f3n completa de atributos, segundo como te\u00f1as montado o produto.<\/p>\n<h2>Gu\u00edas relacionadas<\/h2>\n<ul>\n<li><a href=\"https:\/\/consultoriaehero.com\/gl\/woocommerce-non-cambia-a-imaxe-ao-elixir-unha-variacion-por-que-pasa\/\">WooCommerce non cambia a imaxe ao elixir unha variaci\u00f3n<\/a><\/li>\n<\/ul>\n<h2>Conclusi\u00f3n<\/h2>\n<p>Mostrar varias imaxes por cor en WooCommerce non \u00e9 un capricho est\u00e9tico: \u00e9 ensinarlle ao cliente exactamente o produto que est\u00e1 a piques de comprar, sen obrigalo a rebuscar. Podes conseguilo enchendo a galer\u00eda, duplicando fichas ou d\u00e1ndolle a cada variaci\u00f3n a s\u00faa. Se queres ver como queda a terceira opci\u00f3n, tes a demostraci\u00f3n na p\u00e1xina da <a href=\"https:\/\/consultoriaehero.com\/gl\/varias-imaxes-por-variante-en-woocommerce-ehero-woo-variation-gallery\/\">galer\u00eda de imaxes por variante para WooCommerce<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vender o mesmo produto en varias cores parece sinxelo ata que chegan as fotos. Cada cor necesita as s\u00faas propias vistas \u2014frontal, traseira, detalle, posto\u2014 e WooCommerce s\u00f3 admite unha imaxe por variaci\u00f3n. A partir de a\u00ed comezan os apa\u00f1os. Imos ver cales hai, cal sae mellor e que lle pasa \u00e1 t\u00faa conversi\u00f3n con [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":11479,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jf_save_progress":"","rank_math_focus_keyword":"varias im\u00e1genes por color WooCommerce, im\u00e1genes por variaci\u00f3n WooCommerce, fotos por color WooCommerce, galer\u00eda por color WooCommerce","rank_math_title":"Varias imaxes por cor en WooCommerce: gu\u00eda pr\u00e1ctica","rank_math_description":"Como mostrar varias imaxes por cor en WooCommerce sen duplicar fichas nin encher a galer\u00eda de fotos que o cliente non busca. Gu\u00eda coas opci\u00f3ns reais.","rank_math_robots":[],"rank_math_canonical_url":"","rank_math_seo_score":44,"footnotes":""},"categories":[4330,34,4332],"tags":[],"class_list":["post-10501","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comercio-electronico","category-marketing-digital","category-wordpress-gl"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/types\/post"}],"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=10501"}],"version-history":[{"count":1,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10501\/revisions"}],"predecessor-version":[{"id":10502,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10501\/revisions\/10502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media\/11479"}],"wp:attachment":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media?parent=10501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/categories?post=10501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/tags?post=10501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}