¿Cómo corrijo la visualización de la barra de progreso en móvil?
Márgenes, ancho y niveles apretados en el móvil se ajustan en la página Diseño, que tiene su propia vista móvil. Los toques sin efecto en el modal de regalo vienen del tema.
Ajustar los espacios en móvil
La barra tiene márgenes y padding distintos para los teléfonos.
- Abre Diseño › Contenedor.
- Pasa de Por defecto a Móvil con los botones de arriba.
- Ajusta Margen y Padding para la vista móvil y guarda.
El Ancho máximo solo se aplica en ordenador. Para comprobar el resultado, abre tu tienda en el modo dispositivo de tu navegador, o en un teléfono. Consulta diseño.
El último nivel aparece cortado a la derecha
Síntoma: con varios niveles en visualización Ancho completo o Proporcional, el precio o el nombre del último nivel aparece cortado en pantallas estrechas, y los marcadores sobrepasan el final de la barra.
Está corregido en la app. Si aún lo ves, elige Simétrica en Visualización de objetivos (Diseño › Estilo de las barras) y escribe al soporte con el nombre de tu tema y la URL de tu tienda.
Demasiados niveles en una pantalla pequeña
En un teléfono, cinco o seis niveles dejan poco espacio a cada nombre. En Diseño › Estilo de las barras, activa Limitar los objetivos mostrados: la barra solo muestra los próximos niveles y los últimos alcanzados, y avanza a medida que se desbloquean. Ajusta Objetivos mostrados (máx.) y Objetivos no alcanzados mostrados (mín.) a tu gusto.
El título del modal de regalo es demasiado grande
En Diseño › Interfaz de regalo, la tarjeta Modal de regalo tiene su propio Tamaño de fuente del título (móvil). La pestaña aparece cuando un nivel ofrece varios regalos.
El modal de regalo no responde al tocarlo
Síntoma: en el teléfono, sobre todo con Safari en iOS, tocar el modal de regalo no hace nada, mientras que con el ratón funciona en el ordenador.
Causa: algunos temas capturan el foco y los eventos táctiles dentro de su carrito lateral, lo que bloquea los toques en el modal. La app incluye una solución general. Si sigue pasando en tu tienda, escribe al soporte con el nombre de tu tema, el modelo de teléfono y el navegador.
¿Sigues con el problema?
Escribe a [email protected] e incluye:
- la URL de tu tienda y el nombre de tu tema;
- el modelo de teléfono y el navegador usados;
- la página y los pasos para reproducir el problema;
- una captura o una breve grabación de pantalla hecha desde el teléfono.
¿Falta algo? Escribe a [email protected], o pruébalo antes en la demo.