Cómo permitir que los clientes elijan una variante por artículo (selectores visuales)

En una oferta de descuentos por cantidad, activa el selector de variantes para permitir que los clientes elijan una talla, un color u otra opción para cada unidad. Por ejemplo, una oferta Compra 2 puede incluir un bolso pequeño de color Marfil y un bolso grande de color Blush. Elige menús desplegables, muestras de color, botones o imágenes de variantes para que estas opciones sean claras.

Activa el selector de variantes

Esta configuración se encuentra en la tarjeta Selector de variantes de la pestaña Complementos del editor de paquetes. Un interruptor en el encabezado de la tarjeta indica si está activada o desactivada.

1. Abre el paquete que quieres editar, ve a la pestaña Complementos y busca la tarjeta Selector de variantes.
2. Activa el interruptor del encabezado de la tarjeta.

En las ofertas normales de descuentos por cantidad y Compra X, recibe Y, activar esta configuración proporciona una opción independiente para cada unidad. Si está desactivada, una oferta normal no fijada sigue la variante seleccionada en el tema. Las tarjetas de paquetes de productos y los productos principales fijados a un conjunto de variantes pueden seguir teniendo un selector dentro de la tarjeta.

Qué controla el interruptor

Las ofertas normales usan este interruptor para el selector por unidad del producto principal. Una tarjeta principal de Paquete de productos conserva un selector dentro de la tarjeta aunque el interruptor esté desactivado, para que los clientes puedan elegir junto con los demás productos obligatorios. Los productos obligatorios del paquete, los regalos y los extras opcionales también conservan sus propias opciones cuando corresponde. Un producto principal fijado también puede conservar un selector simple con el interruptor desactivado, limitado a las variantes que hayas fijado.

Con el interruptor desactivado, las filas de paquetes de productos usan menús desplegables simples. Al activarlo, los tipos de visualización configurados también dan estilo a las filas de productos obligatorios del paquete. Los selectores de regalos y extras opcionales usan sus propios controles. Un producto con una sola variante seleccionable puede mostrar su identidad como texto en lugar de un menú desplegable innecesario.

Configura el tipo de visualización de cada opción

Cuando el interruptor está activado, Bundlex carga las opciones de variantes encontradas en los productos a los que se aplica este paquete y las muestra en una tabla con tres columnas: Opción, Tipo de visualización y Ajuste preestablecido. Cada fila corresponde a una opción, por ejemplo, Talla o Color.

En la columna Tipo de visualización, elige cómo aparece esa opción en la página del producto:

• Menú desplegable - un menú de selección estándar.
• Muestra de color - pequeños chips de color. Permite asignar un color a cada valor, como se explica más abajo.
• Pastilla / Botón - pastillas o botones que se pueden tocar, opcionalmente con la imagen de la variante.
• Imagen de variante - muestra cada valor como la imagen de su producto.

Puedes combinar tipos entre las opciones, por ejemplo, una muestra de color para Color y un menú desplegable para Talla en el mismo producto. Haz clic en el icono de vista, con forma de ojo, junto al nombre de una opción para mostrar en el panel de vista previa un producto que tenga esa opción.

Elige un ajuste preestablecido compartido

La columna Ajuste preestablecido define el estilo visual de un tipo de visualización. Los ajustes preestablecidos se comparten por tipo: todas las opciones que usan el mismo tipo de visualización comparten un ajuste preestablecido, por lo que cambiarlo para una opción actualiza todas las demás opciones de ese tipo. Muestra de color, Pastilla / Botón e Imagen de variante tienen cada uno su propio conjunto de ajustes preestablecidos; el tipo de menú desplegable no tiene ninguno.

Elige Personalizado en el menú de ajustes preestablecidos para abrir la sección Estilo de muestra, donde puedes ajustar el estilo más allá de los ajustes preestablecidos integrados.

Asigna colores para las muestras de color

Cuando una opción usa el tipo de visualización Muestra de color, cada uno de sus valores obtiene un campo de color con un selector de color. Puedes:

• Configurar cada color manualmente con el selector o escribiendo un valor hexadecimal.
• Haz clic en Detectar colores automáticamente para completar los colores automáticamente a partir de los nombres de los valores, por ejemplo, "Azul marino" o "Verde bosque". La detección automática solo completa los valores que siguen vacíos y no está disponible cuando todos los colores ya están configurados.

Mostrar nombres de colores en escritorio

Abre Estilo de muestra > Muestra de color y activa Mostrar el nombre del color al pasar el cursor para mostrar una descripción emergente con el nombre del color. Se aplica a los chips de color, no a todos los tipos de visualización. Los dispositivos táctiles no muestran descripciones emergentes al pasar el cursor.

Mostrar la imagen de la variante

Activa Mostrar imagen de la variante, disponible una vez activado el selector, para mostrar la imagen de la variante seleccionada junto al selector de variantes. Funciona con cualquier tipo de selector, no solo con el tipo de visualización de imagen de variante.

Ocultar el selector de variantes del tema

Con el selector activado, también aparece Ocultar el selector de variantes del tema. Esto oculta el selector de variantes predeterminado del tema para que solo sea visible el selector de Bundlex. El selector del tema se oculta mediante CSS en lugar de eliminarse, lo que permite que la integración normal del tema mantenga sincronizada la imagen del producto principal. Prueba este comportamiento en tu tema.

Si la imagen del producto principal no se actualiza al seleccionar una variante, es posible que debas ajustar el selector del bloque de variantes en la configuración de inserción de la aplicación Bundlex para que coincida con tu tema. Contacta con soporte si necesitas ayuda.

Contraer listas largas por unidad

Contraer selectores de variantes agrupa las opciones de cada unidad en una fila que se abre de una en una. Esto puede mantener compacta una oferta mayor de descuentos por cantidad. No se aplica a las ofertas de Paquete de productos.

Prueba las opciones, el inventario y los precios

Guarda y activa el descuento, y luego prueba un producto elegible en la tienda online. Esta demostración usa Lituania con USD. En este ejemplo, el bolso pequeño de color Marfil cuesta $24 y el bolso grande de color Blush cuesta $30. Una oferta Compra 2 con un 10 % de descuento suma $48.60. Añádela con el botón real Añadir al carrito y confirma ambos colores, ambas tallas y el total en el carrito y el checkout.

Una combinación agotada puede seguir visible y seleccionable mientras Ocultar variantes no disponibles esté desactivado. Al elegir Blush / Pequeño en esta demostración, aparece un mensaje de no disponibilidad y se bloquea Añadir al carrito. Al elegir la talla Grande disponible, el botón vuelve a estar activo. Una combinación que no existe en absoluto es diferente: el selector puede cambiar las opciones posteriores a una combinación válida, así que comprueba la talla final después de cambiar el color.

Para eliminar los valores agotados de los selectores compatibles, abre Avanzado > Ofertas e inventario > Ocultar variantes no disponibles. La disponibilidad sigue la política de inventario de Shopify; una variante con inventario cero que permita continuar vendiéndose aún puede estar disponible. Consulta disponibilidad de las opciones de variante para conocer el alcance y los detalles de la alternativa.

Cuando no hay nada que elegir

Cuando todo el conjunto seleccionable tiene exactamente una variante, un menú desplegable se contrae y muestra el nombre de la variante en la tarjeta. Las pastillas o muestras de color configuradas pueden permanecer visibles como una insignia seleccionada. Los productos que solo tienen la variante predeterminada de Shopify no necesitan un selector.

Por eso puede faltar un selector que esperabas. Normalmente significa una de las siguientes situaciones:

• El producto realmente tiene una sola variante.
• Fijaste el artículo en una sola variante.
• Ocultar variantes no disponibles está activado y solo queda una variante en stock.

Reponer una variante o ampliar la selección fijada hace que el selector vuelva a aparecer automáticamente. La oferta principal y las tarjetas de productos obligatorios del paquete siguen este comportamiento, del selector a la identidad. Los regalos, upsells y complementos tienen su propio filtrado de disponibilidad; es posible que una única opción disponible no muestre un nombre de variante independiente.

Volver a cargar opciones después de editar variantes

Si añades, cambias el nombre o eliminas variantes de tus productos después de configurar esto, haz clic en Volver a cargar opciones en la parte superior de la tabla de opciones de variantes para importar las opciones más recientes. Bundlex confirma con el mensaje "Variantes actualizadas" cuando algo ha cambiado, o "Recargado, sin cambios" cuando el conjunto de opciones ya está actualizado. Guarda cualquier cambio resultante antes de comprobar la tienda. Los colores nuevos visibles en el editor no se publican hasta que se guardan.

Si no aparecen opciones

La tabla de opciones de variantes necesita los datos de opciones de los productos incluidos en la segmentación del paquete y de los productos obligatorios del paquete. Si las opciones todavía se están cargando, espera a que finalice el proceso antes de considerar que una tabla vacía es un problema de configuración. Si ves un aviso para seleccionar productos o colecciones, configúralo primero en la sección Mostrar widget en. Si, en cambio, ves "No se encontraron opciones de variantes para los productos seleccionados", los productos seleccionados no tienen opciones de variantes que configurar.