¿Cómo hago que la galería de presentación de un producto cambie automáticamente a la imagen de la variante correcta?

Enlaces destacados

1. Documentación de Shopify sobre cómo añadir imágenes a las variantes de producto
2. Documentación de Company XYZ sobre el uso de imágenes en Align

Asigna una imagen a cada variante de producto en Shopify y, después, elige cómo actualiza Align la galería del producto cuando un cliente selecciona esa variante.

Asignar imágenes a las variantes

1. En el panel de control de Shopify, abre el producto.
2. En la lista de variantes, selecciona la miniatura de imagen situada junto a una variante.
3. Elige una imagen de producto existente o sube una nueva.
4. Repite el proceso para cada variante y, después, guarda el producto.

Puedes asignar la misma imagen a varias variantes; por ejemplo, la misma imagen del producto rojo a todas las variantes de talla roja. Shopify admite una imagen asignada por variante. Consulta la documentación de Shopify sobre cómo añadir imágenes a las variantes de producto para obtener más información.

Elegir el comportamiento de la galería

1. Abre la plantilla del producto en el editor de temas.
2. Selecciona la sección Product information y asegúrate de que contenga un bloque Variant selector.
3. Busca Gallery variant image style y elige:
   • Default para mostrar primero la imagen de la variante seleccionada.
   • Variant only para mostrar únicamente la imagen de la variante seleccionada.
   • None para dejar la galería sin cambios cuando se seleccione una variante.
4. Guarda los cambios y prueba varias variantes en la tienda online.

Para obtener orientación sobre cómo preparar las imágenes de productos, consulta Uso de imágenes en Align.

Ejemplo

Esta captura de pantalla muestra cómo asignar una imagen de variante en Shopify:

Nota

Si la galería no responde a los cambios de variante, confirma primero que la sección Product information incluya un bloque Variant selector.