EHERO Woo Swatches – Muestras visuales para variaciones de WooCommerce

Muestras visuales para variaciones de WooCommerce

Los selectores desplegables nativos de WooCommerce esconden tus variantes detrás de un menú gris. El cliente no ve qué colores hay, tiene que abrir el desplegable talla a talla y, muchas veces, abandona el producto sin llegar a entender lo que vendes. En un catálogo de moda, calzado o decoración, ese desplegable es un freno directo a la conversión.

EHERO Woo Swatches resuelve este problema con muestras visuales para variaciones de WooCommerce. El plugin intercepta automáticamente el desplegable estándar de Woo y lo reemplaza por swatches de color sólido, miniaturas de imagen, botones de texto, swatches bicolor en diagonal y degradados premium. El cliente ve todas las opciones a la vez, con tooltip al pasar el ratón, cambio de imagen del producto al seleccionar la variante, precio actualizado en tiempo real y aviso de stock por variante.

Además, estas muestras visuales para variaciones de WooCommerce también aparecen en el listado de la tienda: el cliente elige color o talla sin entrar a la ficha y puede añadir al carrito desde el propio archive. Todo es configurable por atributo y por término, con un panel de diseño que controla forma, tamaño, bordes, sombras y el estilo del swatch seleccionado o agotado, heredando los colores de tu tema mediante CSS custom properties.

Cinco tipos de swatch configurables por atributo

Cada atributo de tu catálogo se muestra con el formato que mejor lo representa, sin mezclar criterios.

• Color sólido con muestra a partir del hex guardado en el término
• Imagen/miniatura para estampados, texturas o materiales
• Etiqueta de texto (S, M, L, XL) con color de fondo, color de texto e icono opcional
• Swatch bicolor en diagonal a 135º y degradados premium predefinidos (oro, plata, bronce, océano…)

Ficha de producto que convierte

El plugin reemplaza el desplegable nativo de WooCommerce y sincroniza con el formulario de variaciones de Woo.

• Swatch seleccionado marcado con borde o check visual configurable
• Variante agotada tachada con cruz, semitransparente u oculta según ajuste
• Cambio de la imagen de la galería al seleccionar la variante (gallery swap)
• Precio en tiempo real, aviso de stock ‘Solo quedan X’ y price delta entre variantes

Swatches también en el listado de la tienda

Los clientes eligen variante sin entrar a la ficha, directamente desde el archive o el shop.

• Posición configurable: antes de la imagen, tras el título o tras el precio
• Cambio de imagen del producto al pulsar un swatch en el listado
• Límite de swatches visibles con indicador ‘+N’ para no saturar
• Añadir variación al carrito por AJAX con actualización del mini-carrito

Panel de diseño con CSS custom properties

Controlas la apariencia de los swatches desde el panel, heredando los colores de tu tema.

• Forma cuadrada, redonda o rounded y tamaño de swatch en píxeles
• Borde, radio, separación (gap) y escala al pasar el ratón
• Estilo del swatch seleccionado (borde/check) y del agotado (cruz/opacidad/oculto)
• Variables –ehero-swatch-* y CSS personalizado para ajustes avanzados

Compatibilidad real con tu stack

Pensado para funcionar con los temas y constructores que de verdad usan las tiendas.

• Compatible con HPOS (tablas de pedidos de alto rendimiento de WooCommerce)
• Reinicialización automática en Bricks Builder y contenido cargado por AJAX (quick view)
• Carga diferida en listados con IntersectionObserver para no penalizar el rendimiento
• Soporta productos variables, variable-subscription y ehero_variable_subscription

Etiquetas, sufijos de precio y auto-selección

Detalles que afinan la presentación del precio y las opciones de cada producto.

• Sufijo de precio configurable en ficha y en listado (ej: ‘IVA no incluido’) con color y tamaño
• Estilo de las etiquetas de atributo: color, tamaño y peso de fuente, o ocultarlas
• Tooltip con el nombre de la variante al pasar el ratón
• Fallback de imagen (variante, producto o ninguno) cuando un término no tiene miniatura propia

Ideal para

Si buscas muestras visuales para variaciones de WooCommerce, esta es tu herramienta. Donde más encaja:

📋 Requisitos del sistema

Compatibilidad probada con las versiones actuales de WordPress y WooCommerce.

🛟 Soporte técnico

Soporte por email en español* en soporte@consultoriaehero.com y manual online (ES/EN), con actualizaciones automáticas desde tu panel.

⚖️ Comparativa: ¿por qué EHERO Woo Swatches?

Lo que distingue a Woo Swatches frente a las alternativas.

¿Cuántas ventas pierdes cada día porque tus clientes no llegan a abrir el desplegable de colores y tallas?

Activa hoy las muestras visuales para variaciones de WooCommerce y transforma tus desplegables en una experiencia de compra que de verdad convierte.

Descubre todos nuestros plugins para WooCommerce o visita la tienda de Consultoría EHERO.

*El soporte cubre incidencias, errores e instalación del plugin; no incluye consultoría, configuraciones a medida ni desarrollos personalizados. Aplican condiciones.