Choosly – WooCommerce Product Variations Swatches

Variaciones de producto que se ven y se seleccionan mejor

Los menús desplegables de atributos que WooCommerce muestra por defecto no transmiten la información de forma clara ni atractiva: el cliente tiene que abrir el selector, leer el texto y adivinar cómo se ve cada opción. Choosly – WooCommerce Product Variations Swatches sustituye esos desplegables por muestras visuales (colores, imágenes, botones o etiquetas) que permiten identificar y elegir variaciones de un vistazo, tanto en la página de producto como en el listado de la tienda.

Qué hace exactamente Choosly

El plugin convierte automáticamente las variaciones existentes en swatches en cuanto se activa, sin necesidad de reconfigurar los productos desde cero. Desde el panel de ajustes se gestionan tanto los atributos globales de WooCommerce como los atributos personalizados, pudiendo definir para cada uno el estilo de visualización (horizontal o vertical), el tipo de muestra (botón, color, imagen, imagen de variación, radio o lista desplegable) y el perfil de swatches que se le aplica.

También permite decidir si cada atributo se muestra en el listado de productos o solo en la ficha individual, y si al cambiar de variación debe actualizarse también la imagen del producto.

Perfiles de swatches personalizables

Choosly incluye tres perfiles de swatches listos para usar, pero no limita a esos: se pueden duplicar, editar o eliminar para crear tantos perfiles como se necesiten, cada uno con su propio estilo. La personalización cubre el estado por defecto (nombre, tamaño, color, fondo, borde), el estado al pasar el cursor, el estado seleccionado y el tooltip que aparece al posar el ratón sobre una muestra, con control sobre color, borde, tamaño de fuente y posición.

Visibilidad en toda la tienda

• Página de producto único: swatches integrados en el flujo de selección habitual de WooCommerce.
• Listado de la tienda y categorías: opción de mostrar el botón de añadir al carrito tras seleccionar atributos, el nombre del atributo, y de elegir la posición en la que aparecen las muestras.
• Widgets de filtro: permiten a los visitantes filtrar productos por color, talla u otros atributos directamente desde las páginas de listado, sin entrar en cada ficha.
• Vistas rápidas y otras secciones de producto: las muestras se mantienen visibles donde el tema o la tienda las necesite.

Configuración flexible por atributo y por categoría

Para atributos personalizados, Choosly aplica reglas según el nombre del atributo y las categorías de producto asignadas: si un atributo coincide con esas condiciones, se le aplican automáticamente el tipo, el estilo y el perfil de swatch definidos en la regla. Esto evita tener que configurar producto por producto cuando se gestionan catálogos grandes con atributos repetidos en distintas categorías.

Un detalle a tener en cuenta: la opción de mostrar swatches en páginas específicas mediante Conditional Tags de WordPress utiliza la función eval() para interpretarlas, por lo que ese campo solo debería completarse con condiciones validadas y procedentes de fuentes de confianza.

Para qué tipo de tienda sirve

Resulta especialmente útil en tiendas con productos que tienen muchas combinaciones de color, talla o material (moda, calzado, accesorios, decoración), donde una presentación visual clara reduce la fricción en la decisión de compra. También encaja en catálogos gestionados por varios vendedores, ya que es compatible con Dokan, permitiendo que cada vendedor edite las muestras de sus propios productos desde su panel.

Compatibilidad

• Funciona correctamente en dispositivos móviles, con interacción táctil para seleccionar atributos.
• Compatible con WooCommerce y con temas y plugins adicionales como Flatsome, VillaThem, VARGAL y Dokan.
• Interfaz de administración orientada a una configuración rápida, sin curva de aprendizaje prolongada.

Preguntas frecuentes sobre Choosly

¿Puedo usar diferentes estilos de swatch para distintos atributos?

Sí. Cada atributo, global o personalizado, se configura de forma independiente con su propio tipo de visualización (botón, color, imagen, radio, etc.) y su propio perfil de swatch.

¿Los swatches se muestran también en la página de categoría o solo en el producto?

Se pueden activar tanto en la página individual del producto como en el listado de la tienda y categorías, con control sobre la posición exacta donde aparecen.

¿Es necesario tocar código para personalizar el aspecto de las muestras?

No. Todo el diseño (color, tamaño, bordes, estados hover y seleccionado) se ajusta desde los perfiles de swatches en el panel de administración, aunque también admite CSS personalizado para ajustes adicionales.

¿Funciona con atributos personalizados, no solo con los globales de WooCommerce?

Sí, mediante reglas que combinan el nombre del atributo con las categorías de producto a las que se aplica, lo que permite usar configuraciones distintas según el tipo de producto.