La configuración del Visor (Viewer) te permite alternar los elementos predeterminados de la interfaz y seleccionar cómo se muestra y se navega por tu proyecto. 

Entra en el modo 'Preview mode' y haz clic en el icono de configuración del Visor para acceder a él. Ahora se mostrará la pestaña Desktop / Tablet / Mobile, dependiendo del tipo de diseño que estés editando en ese momento. 

Las opciones del visor se pueden configurar por separado para cada uno de tus diseños. Ayuda a adaptar la experiencia del usuario en función del dispositivo.

Cómo útilizarlo

Estos son algunos ejemplos de cuándo pueden ser útiles las configuraciones independientes del visor.

1. Habilitar el menú del proyecto únicamente para el diseño móvil. Esto te permite crear un menú de hamburguesa para la versión móvil en un solo clic.

2. Haz clic en la pestaña ‘Mobile viewer’ y activa la opción ‘Stack all pages vertically’ (apilar todas las páginas verticalmente). Asegúrate de desactivar esta opción en para el diseño de escritorio.

Como resultado, las páginas en la versión de escritorio se desplazarán horizontalmente. En los dispositivos móviles, el desplazamiento seguirá siendo vertical, adecuado a los patrones de comportamiento normales de los usuarios. 

Desplegar las páginas una tras otra

Por defecto, cada página de tu proyecto es independiente de las demás. ​​Para permitir que tus visitantes accedan a otras páginas dentro del proyecto, debes crear un menú o agregar enlaces directos a esas páginas. También puedes activar las flechas de navegación desde la sección 'Viewer' dentro de las configuraciones de tu proyecto, lo cual mostrará flechas a los lados de la pantalla del usuario. Las fechas son de color blanco, pero puedes cambiar su color a negro. Para hacerlo haz clic en el icono blanco-negro junto a la flecha derecha en el Editor.

Si deseas que las páginas se desplacen una tras otra, abre la pestaña 'Viewer' en tu proyecto y activa 'Stack all pages vertically'. Puedes habilitar la opción 'Scroll down arrow' para permitir que los visitantes accedan a otras páginas haciendo clic en una flecha en la parte inferior de la pantalla.

Slide-In Transition

Este atributo permite que la página siguiente de tu proyecto aparezca encima de la actual.

Otros elementos de la interfaz

De forma predeterminada, todos estos elementos de la interfaz se muestran en la parte inferior de la ventana del navegador en la versión publicada de tu proyecto.

• Project menu: agrega un botón que despliega vistas previas de páginas en las que se puede hacer clic.

• Project info: muestra la foto de usuario y la fecha de publicación en la parte superior del menú del proyecto.

• Share button: agrega un botón que permite compartir el proyecto directamente en Facebook, Twitter, Pinterest y LinkedIn. 

• Page counter: muestra el número de página.

• Buttons on top: mueve todos los controles de la interfaz a la parte superior de tus páginas.

Carga progresiva de imágenes

Habilita marcadores de posición de menor calidad que se muestran mientras se carga el proyecto. Esta función puede resultar útil si tu proyecto tiene mucho contenido pesado y se carga lentamente.

Marca Readymag

Habilita o deshabilita el formulario de registro a Readymag que se muestra al final del proyecto. Si deshabilitas esta configuración y aún se muestra la marca 'Made with Readymag' en tus proyectos, significa que probablemente has excedido el límite de visualización de tu proyecto y debes pagar por vistas adicionales. Obtén más información aquí o comunícate con nuestro equipo de soporte.

Usar cursor personalizado

Esta opción te permite reemplazar el cursor predeterminado y el cursor del puntero para todo el proyecto. Puedes encontrar más información aquí.