Tienes varias opciones para optimizar el formulario de pedido del creador de carrito para su uso en dispositivos móviles como teléfonos inteligentes y tabletas.
Mostrar y ocultar componentes
Un método fácil para mantener el contenido organizado en dispositivos móviles es mostrar y ocultar componentes. Para hacer esto, agrega cada componente dos veces y optimízalos por separado para las vistas de escritorio y móviles. Dependiendo del tipo de pantalla, solo se mostrará el contenido correspondiente mientras que los otros estarán ocultos.
-
Agrega un componente a tu formulario de pedido del creador de carrito.
-
Haz clic en el ícono de duplicar del componente
para insertar una copia del componente debajo de él.
-
Configura los dos componentes de manera que uno se muestre solo en dispositivos de escritorio y el otro solo en dispositivos móviles. Consulta mostrar y ocultar elementos de la página para más información.
-
Optimiza los componentes para la vista respectiva. Utiliza las opciones a continuación para la vista móvil.
-
Repite esto para todos los componentes en tu formulario de pedido.
Ocultar imágenes de productos
En el componente de lista de productos, encontrarás la casilla de verificación ocultar imágenes de productos en dispositivos móviles. Marca esta casilla para que las imágenes de los productos no se muestren en dispositivos móviles. De esta manera, se utiliza mejor el espacio en pantallas pequeñas para mostrar texto.
Ajustar el tamaño de la fuente
En los componentes donde puedes establecer el tamaño de la fuente, también puedes establecer el tamaño de la fuente para dispositivos móviles.
-
Haz clic en el ícono de móvil en la cabecera del creador de carrito
para habilitar la vista móvil. De esta manera, puedes ver los cambios directamente.
-
Haz clic en el ícono de engranaje
de un componente insertado. Se mostrará la barra lateral de configuración.
-
Si el componente lo permite, hay campos para tamaño de fuente títulos - móvil y/o tamaño de fuente - móvil.
-
Para activar la configuración, haz clic en el botón azul debajo de editar tamaño de fuente móvil. Se mostrará un control deslizante o una lista desplegable para valores fijos.
-
Para desactivar la configuración, haz clic en el botón rojo a la izquierda del control deslizante o la lista desplegable. El botón azul se mostrará nuevamente. Cuando la configuración está desactivada, los valores de tamaño de fuente de la vista de escritorio se aplicarán a los dispositivos móviles.
-