Al trabajar con GemPages, A veces puedes notar diferencias entre los vista previa del editor y publicado en vivo página.
Por ejemplo, una imagen puede mostrarse correctamente dentro del editor pero no aparecer una vez que se publica la página.
Estos problemas a menudo están relacionados con la visibilidad del producto, el estado de publicación o conflictos temáticos.
Razones comunes y cómo solucionar este problema
Revise las razones más comunes y siga los pasos para garantizar que las páginas de sus productos se muestren correctamente.
1. La incrustación de la aplicación GemPages no está habilitada
Si La aplicación GemPages no está habilitada en tu tema de ShopifyEs posible que su página en vivo se vea rota o no muestre el diseño correcto.
Cómo solucionarlo:
- Desde Panel de Control de GemPages, haga clic Activar el editor de Shopify.
- En el editor de temas de Shopify, active la Asistente de temas de GemPages.
- Haga clic en Guardar para aplicar los cambios.
2. Configuración incorrecta del módulo de producto
Si la página de producto publicada muestra un producto diferente al esperado, es posible que el Módulo de Producto no esté configurado correctamente.
Cómo solucionarlo:
- En el Editor de GemPages, haga clic en el Módulo de Producto para acceder a su configuración en la barra lateral izquierda.
- En la sección Seleccionar Producto , elija Mostrar por producto asignado.
Esta configuración garantiza que el módulo muestre dinámicamente el producto asignado a la plantilla, en lugar de uno seleccionado manualmente.
- Haga clic en Publicar para aplicar los cambios.
3. Producto no visible en la tienda online
A veces, un producto puede aparecer correctamente en el Editor de GemPages pero no en la página activa.
Cómo solucionarlo:
- Vaya a su panel de administración de Shopify y seleccione Productos.
- Seleccione el producto en cuestión y asegúrese de que su estado esté configurado en Activo(s).
- En la sección Canales de venta y Apps sección, verificar que el Tienda en línea El canal está seleccionado.
4. Cambios no publicados
Las modificaciones que realices en el Editor no aparecerán en línea hasta que las publiques.
- Desde su panel de control de GemPages, acceda a la plantilla de producto en el Editor.
- Haga clic en Publicar para actualizar la versión en vivo de su página con los últimos cambios.
5. Conflictos CSS del tema
Si la página en vivo se ve descentrada, demasiado pequeña o alineada de manera diferente que en el Editor, es posible que el CSS de tu tema de Shopify esté anulando los estilos de GemPages.
Cómo solucionarlo:
- Intente cambiar temporalmente a un tema predeterminado de Shopify (por ejemplo, Dawn) para confirmar si el problema persiste.
- Si el diseño se ve bien con un tema predeterminado, es probable que el problema provenga de un CSS personalizado en el tema activo. En este caso, puedes ajustar o eliminar el CSS conflictivo, o usar el Clase CSS adicional Opción en GemPages para aplicar sus propias correcciones.
5. Diferencias en el diseño responsivo
Si la página en vivo se ve diferente en la computadora de escritorio, tableta o dispositivo móvil, es posible que su configuración de respuesta no coincida.
Cómo solucionarlo:
- En el Editor, verifique la vista de cada dispositivo (Escritorio, Tableta, Móvil).
- Revisar tamaño de fuente, márgenes y relleno por consistencia.
- Asegúrese de que ningún elemento esté oculto o redimensionado incorrectamente en los puntos de interrupción.
- Obtenga una vista previa de la página tanto en el Editor como en la tienda en vivo.
Preguntas Frecuentes
1. ¿Por qué faltan mis imágenes después de publicarlas?
Esto suele ocurrir si la imagen no se ha sincronizado correctamente entre Shopify y GemPages. Para solucionarlo:
- Verifique nuevamente que la imagen se cargue directamente en Shopify.
- Asegúrese de que el estado del producto esté configurado en Activo(s) y disponible en el canal de venta de la Tienda Online.
- Regrese a la pestaña Editor de GemPages, vuelva a publicar la página y luego actualice su sitio en vivo.
Si el problema persiste, intenta borrar el caché de tu navegador o volver a cargar la imagen en Shopify antes de publicarla nuevamente.
2. ¿Por qué mi producto se ve diferente en la página en vivo?
Esto suele ocurrir cuando el módulo de producto muestra el producto incorrecto. Para solucionarlo:
- En el Editor, seleccione el Módulo Producto.
- En Seleccionar producto, elija Mostrar por producto asignado.
- Publica la página nuevamente para actualizar la versión en vivo.
3. ¿Por qué mis ediciones no se actualizan en línea?
Las modificaciones realizadas en el Editor no se mostrarán hasta que vuelvas a publicar tu página. Haz lo siguiente:
- Desde el panel de control de GemPages, abra su plantilla de producto.
- Haga clic en Publicar para lanzar la última versión.
- Actualice la página de su tienda para ver las actualizaciones.
Si aún no ve cambios, borre el caché de su navegador o pruebe en modo incógnito para descartar versiones en caché.
4. ¿Por qué el diseño no se ve bien en comparación con el Editor?
Esto suele deberse a que el CSS de tu tema de Shopify anula el estilo de GemPages. En este caso, intenta... cambiar a un tema predeterminado de Shopify (por ejemplo, Dawn) y verifique si el diseño se ve correcto.
Si es así, el problema se debe al CSS personalizado de tu tema actual. Puedes:
- Ajuste o elimine el CSS conflictivo en su tema.
- O agregue una clase CSS adicional en GemPages y aplique sus propias correcciones.
gracias por tus comentarios