Saltar al contenido
Bogox Centro de ayuda

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
  1. Fuentes y textos
  2. Estilos del tema, tamaño de pantalla y caché
  3. Las variantes o las muestras no se ven bien
  4. ¿Sigue viéndose distinto?

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:

  1. La dirección de tu tienda y el nombre de la oferta.

  2. El enlace a la página de producto.

  3. Capturas de la vista previa y de tu tienda, en escritorio y en el móvil.

  4. El nombre de tu tema y el navegador que usaste.