Esta guía te mostrará instrucciones para probar las personalizaciones en dispositivos móviles directamente desde tu computadora, sin necesidad de usar un dispositivo físico real. El procedimiento es igual para TODOS los navegadores.
1. Entra a la personalización que quieras testear.
2. Cliquea el botón de vista previa, y selecciona una de las dos opciones:
Página de inicio: Te lleva directamente a la raíz (/) de la tienda
Personalizada: Te permite escribir en un input la URL en donde te gustaría ver la personalización. Esto es útil en casos donde la personalización sea en el checkout, en una categoría, etc.
3. Una vez en la tienda, haz click derecho y busca la opción Inspeccionar. Esto abrirá lo siguiente:
4. Ahora activa la “Device Toolbar” o “Barra de dispositivos”. Para esto busca este botón
en la esquina superior izquierda y hacemos click.
5. Por defecto aparecerá algo asi:
Importante: como se ve en la imagen, el popup que se veía bien cargado antes de abrir el inspector, ahora se ve cortado con la simulación del celular. Esto es porque cada personalización tiene guardada un versión desktop y un versión mobile, y se carga según el dispositivo detectado al empezar la sesión con el navegador.
Para verlo correctamente, simplemente debes recargar la página, y ya entonces veras aplicados los estilos y las configuraciones mobile.
TIP: Cuando se trabaja con muchos cambios y actualizaciones es una buena práctica recargar de una forma definida como Hard Reload, que nos permite borrar/ignorar el cache de la página cada vez que recarguemos. Esto se logra apretando Ctrl + Shift + R
Ayuda: Si cuando pasamos el mouse por encima de la pantalla mobile te aparecen cuadros azules, es porque tienes
activado. Esta opción es para inspeccionar elementos a medida que vas pasando el mouse.
Si necesitas desactivarla, simplemente toca el botón anteriormente mencionado, que se ubica justo al lado de
6. Puedes seleccionar distintos dispositivos y resoluciones para visualizar. Esto se logra haciendo click en “Dimensions”, justo arriba de la simulación del dispositivo




