EHERO Woo Swatches – Mostras visuais para variacións de WooCommerce

Mostras visuais para variacións de WooCommerce

Os selectores despregables nativos de WooCommerce agochan as túas variantes detrás dun menú gris. O cliente non ve que cores hai, ten que abrir o despregable talla a talla e, moitas veces, abandona o produto sen chegar a entender o que vendes. Nun catálogo de moda, calzado ou decoración, ese despregable é un freo directo á conversión.

EHERO Woo Swatches resolve este problema con mostras visuais para variacións de WooCommerce. O plugin intercepta automaticamente o despregable estándar de Woo e substitúeo por swatches de cor sólida, miniaturas de imaxe, botóns de texto, swatches bicolor en diagonal e degradados premium. O cliente ve todas as opcións á vez, con tooltip ao pasar o rato, cambio de imaxe do produto ao seleccionar a variante, prezo actualizado en tempo real e aviso de stock por variante.

Ademais, estas mostras visuais para variacións de WooCommerce tamén aparecen no listado da tenda: o cliente escolle cor ou talla sen entrar na ficha e pode engadir ao carriño desde o propio archive. Todo é configurable por atributo e por termo, cun panel de deseño que controla forma, tamaño, bordos, sombras e o estilo do swatch seleccionado ou esgotado, herdando as cores do teu tema mediante CSS custom properties.

Cinco tipos de swatch configurables por atributo

Cada atributo do teu catálogo móstrase co formato que mellor o representa, sen mesturar criterios.

• Cor sólida con mostra a partir do hex gardado no termo
• Imaxe/miniatura para estampados, texturas ou materiais
• Etiqueta de texto (S, M, L, XL) con cor de fondo, cor de texto e icona opcional
• Swatch bicolor en diagonal a 135º e degradados premium predefinidos (ouro, prata, bronce, océano…)

Ficha de produto que converte

O plugin substitúe o despregable nativo de WooCommerce e sincroniza co formulario de variacións de Woo.

• Swatch seleccionado marcado con bordo ou check visual configurable
• Variante esgotada riscada cunha cruz, semitransparente ou oculta segundo axuste
• Cambio da imaxe da galería ao seleccionar a variante (gallery swap)
• Prezo en tempo real, aviso de stock ‘Só quedan X’ e price delta entre variantes

Swatches tamén no listado da tenda

Os clientes escollen variante sen entrar na ficha, directamente desde o archive ou o shop.

• Posición configurable: antes da imaxe, tras o título ou tras o prezo
• Cambio de imaxe do produto ao premer un swatch no listado
• Límite de swatches visibles con indicador ‘+N’ para non saturar
• Engadir variación ao carriño por AJAX con actualización do mini-carriño

Panel de deseño con CSS custom properties

Controlas a aparencia dos swatches desde o panel, herdando as cores do teu tema.

• Forma cadrada, redonda ou rounded e tamaño de swatch en píxeles
• Bordo, radio, separación (gap) e escala ao pasar o rato
• Estilo do swatch seleccionado (bordo/check) e do esgotado (cruz/opacidade/oculto)
• Variables –ehero-swatch-* e CSS personalizado para axustes avanzados

Compatibilidade real co teu stack

Pensado para funcionar cos temas e construtores que de verdade usan as tendas.

• Compatible con HPOS (táboas de pedidos de alto rendemento de WooCommerce)
• Reinicialización automática en Bricks Builder e contido cargado por AJAX (quick view)
• Carga diferida en listados con IntersectionObserver para non penalizar o rendemento
• Soporta produtos variables, variable-subscription e ehero_variable_subscription

Etiquetas, sufixos de prezo e auto-selección

Detalles que afinan a presentación do prezo e as opcións de cada produto.

• Sufixo de prezo configurable en ficha e en listado (ex: ‘IVE non incluído’) con cor e tamaño
• Estilo das etiquetas de atributo: cor, tamaño e peso de fonte, ou agochalas
• Tooltip co nome da variante ao pasar o rato
• Fallback de imaxe (variante, produto ou ningún) cando un termo non ten miniatura propia

Ideal para

Se buscas mostras visuais para variacións de WooCommerce, esta é a túa ferramenta. Onde mellor encaixa:

📋 Requisitos do sistema

Compatibilidade probada coas versións actuais de WordPress e WooCommerce.

🛟 Soporte técnico

Soporte por email en español* en soporte@consultoriaehero.com e manual online (ES/EN), con actualizacións automáticas desde o teu panel.

⚖️ Comparativa: por que EHERO Woo Swatches?

O que distingue a Woo Swatches fronte ás alternativas.

Cantas vendas perdes cada día porque os teus clientes non chegan a abrir o despregable de cores e tallas?

Activa hoxe as mostras visuais para variacións de WooCommerce e transforma os teus despregables nunha experiencia de compra que de verdade converte.

Descubre todos os nosos plugins para WooCommerce ou visita a tenda de Consultoría EHERO.

*O soporte cobre incidencias, erros e instalación do plugin; non inclúe consultoría, configuracións á medida nin desenvolvementos personalizados. Aplican condicións.