Imágenes de variantes no aparecen en Shopify: solución
Configuraste las imágenes de variantes en tu tienda Shopify, pero al visitar la página del producto no pasa nada. Las muestras no aparecen, la galería no se filtra o las imágenes se mezclan entre variantes. Es frustrante, pero casi siempre tiene una causa sencilla.
En este artículo repaso las causas más comunes por las que las imágenes de variantes no se muestran correctamente en Shopify y cómo solucionarlas.
Contenido
- 1. El app embed no está activado
- 2. Imágenes no asignadas a variantes
- 3. Caché del navegador
- 4. Probar en el editor del theme
- 5. Incompatibilidad con el theme
- 6. Conflicto con otras apps
- 7. Imágenes no subidas al producto
- 8. Page builders
- Checklist rápida
- Preguntas frecuentes
- Lectura adicional
1. El app embed no está activado
Esta es la causa más frecuente. Instalas Rubik Variant Images, asignas imágenes, pero olvidas activar el app embed en el editor del theme. Sin el embed activo, la app no puede reemplazar los selectores nativos ni filtrar la galería.
Solución: Ve a tu admin de Shopify > Tienda online > Personalizar. En el editor del theme, abre “App embeds” en la barra lateral. Busca “Rubik Variant Images” y asegúrate de que esté activado. Guarda los cambios.
2. Imágenes no asignadas a variantes
Tener las fotos subidas al producto no es suficiente. Necesitas asignar cada imagen a la variante correspondiente dentro de la app de Rubik. Si una variante no tiene imágenes asignadas, la galería no se filtra para esa variante.
Solución: Abre el producto en la app de Rubik. Revisa que cada variante tenga al menos una imagen asignada. Si tienes muchos productos, usa la función de asignación automática con IA para acelerar el proceso.
3. Caché del navegador
Después de guardar cambios en la app, tu navegador puede seguir mostrando la versión anterior de la página. Esto es especialmente común si visitaste la página del producto recientemente.
Solución: Limpia la caché de tu navegador o abre la página en una ventana de incógnito. En Chrome, puedes forzar la recarga con Ctrl + Shift + R (Windows) o Cmd + Shift + R (Mac).
4. Probar en el editor del theme
El editor del theme (personalizador) no ejecuta las apps de la misma manera que la tienda real. Si estás probando las imágenes de variantes en el editor del theme, es posible que no funcionen correctamente.
Solución: Siempre verifica en la URL real de tu tienda, no en el personalizador. Abre la página del producto directamente en tu navegador (tu-tienda.myshopify.com/products/nombre-del-producto).
5. Incompatibilidad con el theme
Rubik es compatible con más de 350 themes, pero algunos themes muy personalizados pueden tener una estructura de galería no estándar. Esto es poco común con themes del Shopify Theme Store, pero puede ocurrir con themes de terceros o themes fuertemente modificados.
Solución: Contacta al soporte de Rubik. El equipo puede verificar la compatibilidad con tu theme y hacer ajustes si es necesario. Rubik ofrece soporte de instalación gratuito.
6. Conflicto con otras apps
Si tienes otra app que modifica los selectores de variantes o la galería de imágenes, puede entrar en conflicto con Rubik. Dos apps intentando controlar la misma parte de la página generan comportamiento impredecible.
Solución: Desactiva temporalmente otras apps que afecten la página de producto (apps de muestras, apps de galería, apps de upsell que modifiquen el selector de variantes). Si las imágenes de variantes funcionan con las otras apps desactivadas, encontraste el conflicto. Elige una app y desinstala la otra.
7. Imágenes no subidas al producto
Rubik trabaja con las imágenes que están en tu producto de Shopify. Si las fotos no están subidas al producto en el admin de Shopify, la app no puede acceder a ellas.
Solución: Ve al admin de Shopify, abre el producto y verifica que todas las imágenes estén subidas en la sección “Media”. Después vuelve a la app de Rubik y asígnalas a las variantes.
8. Page builders
Si usas un page builder (GemPages, PageFly, EComposer, etc.) para tu página de producto, la integración puede requerir un paso adicional. Los page builders reemplazan la estructura de la página del theme con su propia estructura.
Solución: Rubik es compatible con 7 page builders: GemPages, PageFly, EComposer, Instant, Beae, Foxify y Replo. Verifica que estés usando el bloque de producto correcto del page builder y que el app embed de Rubik esté activo. La guía de configuración incluye instrucciones específicas para page builders.
Checklist rápida
Antes de contactar soporte, revisa estos puntos:
- App embed activado en el editor del theme.
- Imágenes subidas al producto en el admin de Shopify.
- Imágenes asignadas a variantes dentro de la app de Rubik.
- Cambios guardados en la app.
- Verificación en la URL real de la tienda (no en el editor del theme).
- Caché del navegador limpia o ventana de incógnito.
- Sin otras apps que modifiquen la galería o los selectores de variantes.
Si después de revisar todo la galería sigue sin filtrarse, revisa las preguntas frecuentes o contacta al equipo de soporte de Rubik.
Preguntas frecuentes
¿Por qué las muestras de color no aparecen después de instalar la app?
Lo más probable es que el app embed no esté activado. Ve al editor del theme, busca App embeds y activa Rubik Variant Images. Sin este paso, la app no funciona.
¿Por qué la galería no se filtra al cambiar de variante?
Verifica que las imágenes estén asignadas a las variantes dentro de la app de Rubik. Subir imágenes al producto en Shopify no es suficiente; necesitas asignarlas en la app.
¿Puede otra app causar conflicto con las imágenes de variantes?
Sí. Apps que modifican la galería de producto o los selectores de variantes pueden entrar en conflicto. Desactiva temporalmente otras apps para identificar el problema.
¿Funciona en el editor del theme de Shopify?
El editor del theme no ejecuta las apps igual que la tienda real. Siempre verifica el funcionamiento en la URL real de tu tienda, no en el personalizador.
¿Qué hago si mi theme no es compatible?
Contacta al soporte de Rubik. El equipo puede verificar la compatibilidad y hacer ajustes para tu theme. La app es compatible con más de 350 themes.
¿Rubik funciona con page builders?
Sí. Compatible con GemPages, PageFly, EComposer, Instant, Beae, Foxify y Replo. Asegúrate de usar el bloque de producto correcto del page builder.
¿Las imágenes de variantes se muestran en móvil?
Sí. El filtrado de galería y las muestras de color funcionan igual en escritorio y móvil. Si no se muestran en móvil, revisa la checklist de este artículo.
Lectura adicional
