¿Por qué no se muestra la imagen de mi variante al seleccionarla?

1. Compruebe que cada variante tenga su imagen en Shopify

• Cada variante debe tener al menos una imagen asignada en Shopify.
• Vaya a la Administración de Shopify > Productos > [Su producto] > Variantes y revise la imagen asignada a cada variante.
  Si una variante no tiene una imagen asignada, al seleccionarla no se actualizará la imagen del producto.

2. Asegúrese de que el producto correcto esté asignado en GemPages

• Abra el Editor de GemPages y seleccione el Módulo de Producto en su página.
• Verifique el ajuste Seleccionar producto para asegurarse de que esté vinculado el producto correcto.
• Si no hay ningún producto asignado o se ha asignado uno incorrecto, las imágenes de las variantes no se actualizarán correctamente.

Consulte el siguiente artículo para obtener más información sobre cómo asignar productos.

3. Utilice los elementos de variante adecuados en GemPages

• GemPages admite la selección de variantes mediante el elemento Variantes y Muestras de Producto .
• El uso de menús desplegables personalizados no admitidos o de elementos que no conecten la selección de variante con la actualización de la imagen puede provocar que las imágenes no cambien.
• Asegúrese de utilizar y configurar el elemento de variante correcto para vincular las opciones de variante con sus respectivas imágenes.

Para obtener más información, consulte este artículo: Elemento Variantes y Muestras del Producto.

4. El producto y las variantes deben estar activos y disponibles en la Tienda online

• En la administración de Shopify, el estado del producto debe ser Activo.
• El producto debe estar publicado en el canal de venta Tienda online .
• Las variantes deben seguir existiendo y estar disponibles.

5. Compruebe si existen conflictos o problemas con código personalizado

• Código personalizado añadido en GemPages o en el tema de Shopify puede entrar en conflicto con la actualización de la imagen de variante.
• Desactive temporalmente cualquier script relacionado con el cambio de imágenes, los carruseles o la carga diferida (lazy loading) para comprobar si son la causa del problema.

6. Borre la caché del navegador y del sitio web

• En ocasiones, la caché del navegador o del sitio web entrega imágenes antiguas e impide que se carguen las nuevas imágenes de variante.
• Actualice la página con Ctrl + F5 o borre la caché del navegador.
• Si utiliza complementos de caché o una CDN, asegúrese de vaciar también dichas cachés.

7. Verifique el formato y el tamaño de la imagen

• Shopify recomienda utilizar imágenes en formato JPG, PNG o WebP, con tamaños de archivo razonables.
• Las imágenes excesivamente grandes o dañadas pueden no cargarse correctamente.

Consulte este artículo para descubrir cómo influyen las imágenes de su página en la velocidad de carga.

8. Revise la configuración del Módulo de Producto de GemPages

• Dentro del Módulo de Producto en GemPages, verifique que los ajustes relativos a la visualización de la imagen de variante estén habilitados.
• Algunos interruptores controlan si la selección de una variante actualiza automáticamente la imagen del producto.

9. Previsualice y publique sus cambios

• Siempre Guardar su trabajo y utilice el modo Vista previa en GemPages para probar el cambio de imagen entre variantes antes de publicar.
• Publique su página únicamente tras confirmar que las imágenes se actualizan correctamente al alternar entre variantes.

Si ha seguido todos estos pasos y la imagen de su variante de producto sigue sin mostrarse correctamente, póngase en contacto con el Soporte de GemPages facilitando información detallada sobre su producto y su página para que puedan ayudarle con más profundidad.