¿Por qué mi imagen variante no se muestra cuando la selecciono?

1. Comprueba que cada variante tenga su imagen en Shopify

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

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

• Abra el Editor GemPages y seleccione el Módulo Producto en su página.
• Verificar el Seleccionar Producto Configuración para garantizar que se vincule el producto correcto.
• Si no se asigna ningún producto o se asigna un producto incorrecto, las imágenes variantes no se actualizarán correctamente.

Consulte este artículo para obtener más información sobre Cómo asignar productos.

3. Utilice los elementos variantes adecuados en GemPages

• GemPages admite la selección de variantes con el Variantes y Muestras de Producto .
• El uso de menús desplegables personalizados no compatibles o elementos que no conectan la selección de variantes con las actualizaciones de imágenes 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 las imágenes.

Para 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 en línea.

• En el administrador de Shopify, el estado del producto debe ser Activo(s).
• El producto debe ser publicado en el Tienda en línea canal de ventas.
• Las variantes aún deben existir y estar disponibles.

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

• Código personalizado Los elementos agregados en el tema GemPages o Shopify podrían entrar en conflicto con las actualizaciones de imágenes variantes.
• Deshabilite temporalmente cualquier script relacionado con cambios de imagen, controles deslizantes o carga diferida para probar si causan el problema.

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

• A veces, el caché del navegador o del sitio web muestra imágenes antiguas y evita que se carguen nuevas variantes de imágenes.
• Actualice la página con Ctrl + F5 o borre el caché del navegador.
• Si utiliza complementos de almacenamiento en caché o una CDN, asegúrese de que los cachés estén borrados.

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

• Shopify recomienda utilizar formatos de imagen JPG, PNG o WebP con tamaños de archivo razonables.
• Es posible que las imágenes muy grandes o dañadas no se carguen correctamente.

Consulta este artículo para descubrirlo Cómo las imágenes de tu página afectan la velocidad de carga.

8. Verifique la configuración del módulo de producto de GemPages

• Dentro del Módulo Producto En GemPages, verifique que las configuraciones relacionadas con la visualización de imágenes variantes estén habilitadas.
• Algunos botones controlan si al seleccionar una variante se actualiza automáticamente la imagen del producto.

9. Obtenga una vista previa y publique sus cambios

• Siempre Guardar su trabajo y utilizar el Vista previa Modo en GemPages para probar el cambio de variantes de imágenes antes de publicar.
• Publica tu página solo después de confirmar que las imágenes variantes se actualizan correctamente en las diferentes variantes.

Si ha seguido todos estos pasos y la imagen de la variante de su producto no se muestra correctamente, comuníquese con Soporte de GemPages con información detallada sobre su producto y página para que puedan ayudarle más.