El widget se ve distinto a la vista previa
Por qué el widget de BOGOX puede verse distinto en tu tienda que en la vista previa, y qué revisar en fuentes, estilos, caché, variantes y muestras.
Escrito por Miguel Zamora
En esta página
La Vista previa del editor de la oferta está hecha para parecerse a tu tienda, pero tu tema y tu navegador pueden cambiar algunos detalles. Revisa estos puntos antes de escribirnos.
Fuentes y textos
La vista previa usa la fuente del texto de tu tema publicado, la misma que el widget toma de tu tema en la tienda.
Algunas fuentes de Shopify tienen licencia, por ejemplo Futura o Avenir Next, y no se pueden cargar fuera de tu tienda. En ese caso la vista previa usa la fuente gratuita más parecida, así que los anchos y los saltos de línea pueden variar un poco.
La fuente se lee una vez por sesión del navegador. Si acabas de cambiar la fuente del tema, abre la app en una pestaña nueva.
Si estás revisando un tema sin publicar, recuerda que la vista previa siempre usa la fuente del tema publicado.
Estilos del tema, tamaño de pantalla y caché
Los estilos propios de tu tema pueden afectar al widget, como el espaciado entre letras, los textos en mayúsculas o el estilo de los botones. La vista previa no los incluye.
La vista previa muestra el widget con el ancho de la columna de vista previa del editor. En el móvil el widget suele ser más estrecho y los textos pueden ocupar más líneas.
Compara con el zoom del navegador al 100 % y con un ancho de ventana parecido. Haz clic en Abrir producto en la tienda para abrir el mismo producto en tu tienda.
Después de guardar o publicar, vuelve a cargar la página de producto. Si sigues viendo la versión anterior, espera un minuto y prueba en una ventana privada.
No hay ninguna versión de la inserción de app que actualizar: las novedades de BOGOX llegan solas a tu tienda. Solo comprueba que Bogox Upsell, Cross-sell esté activado en Inserciones de apps en el tema que estás mirando.
Las variantes o las muestras no se ven bien
Nombres de opción. Un estilo de muestra va unido al nombre exacto de la opción. Las mayúsculas y los espacios al principio o al final no importan, pero la ortografía sí: «Color», «Colour» y «Color principal» son tres opciones distintas.
Nombres de color. El color de cada valor se define en Editar opciones de color y se asocia por el nombre del valor. Si cambiaste el nombre de un valor en Shopify, por ejemplo de «Azul» a «Azul marino», vuelve a asignarle el color.
Imágenes en las variantes. Muestras con imagen del producto y el desplegable Imagen del producto usan la imagen de cada variante. Las variantes sin imagen en Shopify no muestran foto.
Variantes agotadas. Con Ocultar variantes agotadas activado, desaparecen de la oferta. Si está desactivado, se muestran como no disponibles.
Selector del tema. Ocultar el selector de variantes del tema solo funciona si Permitir una variante distinta por unidad y Mostrar el selector de variantes en el nivel de 1 unidad están activados. Si el selector de tu tema sigue visible, dinos el nombre de tu tema.
Para configurar estas opciones desde cero, consulta la guía «Variantes y muestras de color».
¿Sigue viéndose distinto?
Contacta con nuestro equipo de soporte e incluye:
La dirección de tu tienda y el nombre de la oferta.
El enlace a la página de producto.
Capturas de la vista previa y de tu tienda, en escritorio y en el móvil.
El nombre de tu tema y el navegador que usaste.