{"id":8488,"date":"2026-07-17T18:22:57","date_gmt":"2026-07-17T16:22:57","guid":{"rendered":"https:\/\/consultoriaehero.com\/?post_type=product&p=8488"},"modified":"2026-07-17T21:35:08","modified_gmt":"2026-07-17T19:35:08","slug":"ehero-woo-swatches-mostres-visuals-per-a-variacions-de-woocommerce","status":"publish","type":"product","link":"https:\/\/consultoriaehero.com\/ca\/producte\/ehero-woo-swatches-mostres-visuals-per-a-variacions-de-woocommerce\/","title":{"rendered":"EHERO Woo Swatches \u2013 Mostres visuals per a variacions de WooCommerce"},"content":{"rendered":"
\n

Mostres visuals per a variacions de WooCommerce<\/h2>\n

Els selectors desplegables natius de WooCommerce amaguen les teves variants darrere d\u2019un men\u00fa gris. El client no veu quins colors hi ha, ha d\u2019obrir el desplegable talla a talla i, moltes vegades, abandona el producte sense arribar a entendre qu\u00e8 vens. En un cat\u00e0leg de moda, cal\u00e7at o decoraci\u00f3, aquest desplegable \u00e9s un fre directe a la conversi\u00f3.<\/p>\n

EHERO Woo Swatches resol aquest problema amb mostres visuals per a variacions de WooCommerce<\/strong>. El plugin intercepta autom\u00e0ticament el desplegable est\u00e0ndard de Woo i el reempla\u00e7a per swatches de color s\u00f2lid, miniatures d\u2019imatge, botons de text, swatches bicolor en diagonal i degradats premium. El client veu totes les opcions alhora, amb tooltip en passar el ratol\u00ed, canvi d\u2019imatge del producte en seleccionar la variant, preu actualitzat en temps real i av\u00eds d\u2019estoc per variant.<\/p>\n

A m\u00e9s, aquestes mostres visuals per a variacions de WooCommerce<\/strong> tamb\u00e9 apareixen al llistat de la botiga: el client tria color o talla sense entrar a la fitxa i pot afegir al carret des del mateix archive. Tot \u00e9s configurable per atribut i per terme, amb un panell de disseny que controla forma, mida, vores, ombres i l\u2019estil del swatch seleccionat o esgotat, heretant els colors del teu tema mitjan\u00e7ant CSS custom properties.<\/p>\n

\n
\n
\n
M\u00e9s conversi\u00f3 visual<\/div>\n
De desplegable gris a botiga visual en 3 passos<\/div>\n
Configura les mostres visuals per a variacions de WooCommerce<\/strong> sense tocar ni una l\u00ednia de codi.<\/div>\n<\/div>\n
\n\n\n\n\n\n\n
1. Defineix el tipus per atribut<\/td>\nA Productes \u2192 Atributs tries si cada atribut (Color, Talla, Material) es mostra com a color, imatge, etiqueta o bicolor; s\u2019aplica a tots els seus termes de cop.<\/td>\n<\/tr>\n
2. Assigna color, imatge o degradat a cada terme<\/td>\nA cada terme de l\u2019atribut deses el seu color hex, segon color per a bicolor, miniatura, degradat predefinit (or, plata, oce\u00e0\u2026) o badge, tot amb el color picker natiu de WordPress.<\/td>\n<\/tr>\n
3. Ajusta el disseny i activa la botiga<\/td>\nDes de la p\u00e0gina de Disseny controles forma, mida, vora, swatch seleccionat i esgotat; actives els swatches al llistat i deixes que el plugin reemplaci els desplegables a tota la web.<\/td>\n<\/tr>\n
Documentaci\u00f3<\/td>\nManual en l\u00ednia (ES\/EN) disponible aqu\u00ed<\/a>. Dubtes abans de comprar? Escriu-nos a soporte@consultoriaehero.com<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n
\n

Cinc tipus de swatch configurables per atribut<\/h3>\n

Cada atribut del teu cat\u00e0leg es mostra amb el format que millor el representa, sense barrejar criteris.<\/p>\n