{"id":10509,"date":"2026-08-04T09:06:45","date_gmt":"2026-08-04T07:06:45","guid":{"rendered":"https:\/\/consultoriaehero.com\/?p=10509"},"modified":"2026-08-12T15:46:23","modified_gmt":"2026-08-12T13:46:23","slug":"diverses-imatges-per-color-a-woocommerce-com-muntar-ho-be","status":"publish","type":"post","link":"https:\/\/consultoriaehero.com\/ca\/diverses-imatges-per-color-a-woocommerce-com-muntar-ho-be\/","title":{"rendered":"Diverses imatges per color a WooCommerce: com muntar-ho b\u00e9"},"content":{"rendered":"<p>Vendre el mateix producte en diversos colors sembla senzill fins que arriben les fotos. Cada color necessita les seves pr\u00f2pies vistes \u2014frontal, posterior, detall, posat\u2014 i WooCommerce nom\u00e9s admet <strong>una imatge per variaci\u00f3<\/strong>. A partir d\u2019aqu\u00ed comencen els pegats. Veurem quins hi ha, quin surt millor i qu\u00e8 li passa a la teva conversi\u00f3 amb cadascun.<\/p>\n<h2>Per qu\u00e8 el color \u00e9s el cas m\u00e9s problem\u00e0tic<\/h2>\n<p>El color \u00e9s l\u2019atribut que m\u00e9s canvia el que veu el client. Una talla no altera la foto; un color la canvia sencera. I \u00e9s tamb\u00e9 l\u2019atribut pel qual m\u00e9s es decideix: qui dubta entre el verd i el bordeus vol veure\u2019ls tots dos b\u00e9, no imaginar-se\u2019ls.<\/p>\n<p>Aqu\u00ed hi ha el problema de fons: la decisi\u00f3 de compra dep\u00e8n d\u2019unes imatges que WooCommerce no est\u00e0 preparat per mostrar de manera separada.<\/p>\n<h2>Les tres maneres de resoldre-ho i el que costa cadascuna<\/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\">Totes les fotos a la galeria del pare<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">R\u00e0pid de muntar i gratis. El client veu les fotos de tots els colors barrejades, el m\u00f2bil carrega imatges que ning\u00fa mirar\u00e0 i la fitxa es converteix en un 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 producte per color<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Cada color t\u00e9 la seva fitxa neta. A canvi multipliques el manteniment pel nombre de colors, reparteixes ressenyes i autoritat entre diverses URLs i crees contingut gaireb\u00e9 duplicat que competeix amb si mateix a 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\">Galeria per variaci\u00f3<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Una sola fitxa i cada color amb les seves pr\u00f2pies fotos. Requereix un plugin, i aquest \u00e9s tot el cost: l\u2019estructura del cat\u00e0leg no canvia.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Quantes fotos necessita cada color<\/h2>\n<p>Abans de decidir la soluci\u00f3 conv\u00e9 saber el volum real, perqu\u00e8 \u00e9s el que fa inviable l\u2019opci\u00f3 de posar-ho tot junt.<\/p>\n<ul>\n<li><strong>T\u00e8xtil:<\/strong> frontal, posterior, detall del teixit i pe\u00e7a posada. Quatre per color com a m\u00ednim.<\/li>\n<li><strong>Mobiliari:<\/strong> conjunt, detall de l\u2019acabat i ambient. Tres per acabat.<\/li>\n<li><strong>Cosm\u00e8tica:<\/strong> env\u00e0s, textura i resultat aplicat. Tres per to.<\/li>\n<li><strong>Cal\u00e7at:<\/strong> perfil, zenital, sola i posat. Quatre per color.<\/li>\n<\/ul>\n<h2>El c\u00e0lcul que decideix<\/h2>\n<p>Multiplica els teus colors per les fotos que necessita cadascun. Cinc colors per quatre vistes s\u00f3n vint imatges en una sola fitxa si les poses totes juntes. El client que busca el blau ha de passar per setze que no li interessen abans d\u2019arribar a la seva \u00faltima.<\/p>\n<p>En escriptori \u00e9s molest. En m\u00f2bil, on el carrusel ocupa tota la pantalla i es navega amb el dit, \u00e9s directament una barrera. I aquesta barrera \u00e9s just al punt on el client decideix si compra.<\/p>\n<h2>Com es munta amb una galeria per variaci\u00f3<\/h2>\n<p>Amb <a href=\"https:\/\/consultoriaehero.com\/ca\/producte\/ehero-woo-variation-gallery-diverses-imatges-per-variant-a-woocommerce\/\">EHERO Woo Variation Gallery<\/a> el proc\u00e9s \u00e9s el mateix que ja coneixes, nom\u00e9s que cada variaci\u00f3 admet diverses imatges en lloc d\u2019una:<\/p>\n<h3>Un consell sobre l\u2019ordre de les fotos<\/h3>\n<p>Mant\u00e9n el mateix ordre en tots els colors: primer la vista principal, despr\u00e9s el detall, despr\u00e9s la pe\u00e7a posada. Quan el client canvia de color espera trobar el mateix al mateix lloc, i si l\u2019ordre balla, la comparaci\u00f3 es torna inc\u00f2moda.<\/p>\n<ul>\n<li>Crea les variacions de color com sempre, des de la pestanya de variacions de WooCommerce.<\/li>\n<li>A cadascuna li assignes la seva galeria: tantes fotos com necessiti aquell color.<\/li>\n<li>El client selecciona el color i la galeria completa se substitueix a l\u2019instant.<\/li>\n<li>Nom\u00e9s es carreguen les imatges del color actiu, aix\u00ed que la fitxa no s\u2019engreixa.<\/li>\n<\/ul>\n<h2>L\u2019error m\u00e9s com\u00fa a l\u2019hora d\u2019organitzar les fotos<\/h2>\n<p>Abans fins i tot d\u2019escollir soluci\u00f3, hi ha una decisi\u00f3 que gaireb\u00e9 tothom pren malament: quina foto va primera en cada color.<\/p>\n<p>El m\u00e9s natural \u00e9s pujar les imatges en l\u2019ordre en qu\u00e8 van sortir de la sessi\u00f3, que sol ser per blocs: totes les frontals, despr\u00e9s totes les posteriors, despr\u00e9s els detalls. El resultat \u00e9s que cada color acaba amb un ordre diferent, i quan el client canvia de color la primera imatge no \u00e9s la mateixa vista. Aquesta incoher\u00e8ncia obliga a reorientar-se a cada canvi i fa que comparar dos colors sigui inc\u00f2mode.<\/p>\n<p>La regla \u00e9s simple: <strong>el mateix ordre en tots els colors<\/strong>, sempre. Vista principal, detall, context d\u2019\u00fas. Costa cinc minuts a l\u2019hora d\u2019organitzar el cat\u00e0leg i estalvia fricci\u00f3 a cada visita.<\/p>\n<h2>Qu\u00e8 mirar al m\u00f2bil, que \u00e9s on es decideix<\/h2>\n<p>M\u00e9s de la meitat de les visites a una fitxa de producte arriben des del tel\u00e8fon, i aqu\u00ed les regles canvien. La galeria ocupa tota la pantalla, es navega amb el dit i cada imatge de m\u00e9s \u00e9s un despla\u00e7ament de m\u00e9s.<\/p>\n<ul>\n<li><strong>El selector s\u2019ha de veure sense fer scroll.<\/strong> Si el client ha de baixar per trobar els colors, molts ni ho intenten.<\/li>\n<li><strong>El canvi ha de ser instantani.<\/strong> Un recarregament de p\u00e0gina al m\u00f2bil, amb connexi\u00f3 de dades, \u00e9s mig segon llarg i una p\u00e8rdua de posici\u00f3 a la fitxa.<\/li>\n<li><strong>El pes importa el doble.<\/strong> Carregar vint imatges en una connexi\u00f3 m\u00f2bil \u00e9s la difer\u00e8ncia entre una fitxa que obre i una que el visitant abandona abans de veure res.<\/li>\n<\/ul>\n<p>Aquesta \u00faltima \u00e9s la ra\u00f3 pr\u00e0ctica per la qual posar totes les fotos a la galeria del pare acaba sortint car: no \u00e9s nom\u00e9s inc\u00f2mode, \u00e9s lent just on pitjor s\u2019encaixa.<\/p>\n<h2>I si vens en diversos idiomes<\/h2>\n<p>Les imatges no es tradueixen, per\u00f2 les fitxes s\u00ed. Si la teva botiga \u00e9s multidioma, comprova que la galeria per variaci\u00f3 es mant\u00e9 a les traduccions i no es queda nom\u00e9s en l\u2019idioma original. Un producte que mostra les fotos correctes en castell\u00e0 i la galeria gen\u00e8rica en franc\u00e8s \u00e9s pitjor que no tenir variacions separades, perqu\u00e8 la incoher\u00e8ncia es nota.<\/p>\n<h2>Preguntes freq\u00fcents<\/h2>\n<p><strong>Quantes imatges puc posar per color?<\/strong><\/p>\n<p>Les que necessitis. No hi ha un l\u00edmit pr\u00e0ctic, tot i que per rendiment i per experi\u00e8ncia d\u2019\u00fas conv\u00e9 no passar de sis o vuit per variaci\u00f3.<\/p>\n<p><strong>He de pujar fotos per a tots els colors des del principi?<\/strong><\/p>\n<p>No. Les variacions sense galeria pr\u00f2pia mostren la del producte pare, aix\u00ed que pots anar completant el cat\u00e0leg al teu ritme sense que cap fitxa es quedi buida.<\/p>\n<p><strong>\u00c9s millor aix\u00f2 que crear un producte per color?<\/strong><\/p>\n<p>Per a gaireb\u00e9 tots els casos, s\u00ed. Mantens una sola fitxa \u2014un preu, un estoc, unes ressenyes\u2014 i evites que diverses URLs gaireb\u00e9 id\u00e8ntiques competeixin entre si als resultats de cerca.<\/p>\n<p><strong>Es pot combinar color i talla?<\/strong><\/p>\n<p>S\u00ed. La galeria s\u2019associa a la variaci\u00f3, aix\u00ed que pots decidir si les fotos depenen nom\u00e9s del color o de la combinaci\u00f3 completa d\u2019atributs, segons com tinguis muntat el producte.<\/p>\n<h2>Guies relacionades<\/h2>\n<ul>\n<li><a href=\"https:\/\/consultoriaehero.com\/ca\/woocommerce-no-canvia-la-imatge-en-triar-una-variacio-per-que-passa\/\">WooCommerce no canvia la imatge en triar una variaci\u00f3<\/a><\/li>\n<\/ul>\n<h2>Conclusi\u00f3<\/h2>\n<p>Mostrar diverses imatges per color a WooCommerce no \u00e9s un caprici est\u00e8tic: \u00e9s ensenyar al client exactament el producte que est\u00e0 a punt de comprar, sense obligar-lo a remenar. Pots aconseguir-ho omplint la galeria, duplicant fitxes o donant a cada variaci\u00f3 la seva. Si vols veure com queda la tercera opci\u00f3, tens la demostraci\u00f3 a la p\u00e0gina de la <a href=\"https:\/\/consultoriaehero.com\/ca\/diverses-imatges-per-variant-a-woocommerce-ehero-woo-variation-gallery\/\">galeria d\u2019imatges per variaci\u00f3 per a WooCommerce<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vendre el mateix producte en diversos colors sembla senzill fins que arriben les fotos. Cada color necessita les seves pr\u00f2pies vistes \u2014frontal, posterior, detall, posat\u2014 i WooCommerce nom\u00e9s admet una imatge per variaci\u00f3. A partir d\u2019aqu\u00ed comencen els pegats. Veurem quins hi ha, quin surt millor i qu\u00e8 li passa a la teva conversi\u00f3 amb [&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":"Diverses imatges per color a WooCommerce: guia pr\u00e0ctica","rank_math_description":"Com mostrar diverses imatges per color a WooCommerce sense duplicar fitxes ni omplir la galeria de fotos que el client no busca. Guia amb les opcions reals.","rank_math_robots":[],"rank_math_canonical_url":"","rank_math_seo_score":44,"footnotes":""},"categories":[5083,34,5091],"tags":[],"class_list":["post-10509","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comerc-electronic","category-marketing-digital","category-wordpress-ca"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10509","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=10509"}],"version-history":[{"count":1,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10509\/revisions"}],"predecessor-version":[{"id":10510,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10509\/revisions\/10510"}],"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=10509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/categories?post=10509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/tags?post=10509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}