La pestaña Inputs define a la vez el aspecto de todos los campos de formulario de tu tienda: el formulario de pedido, el formulario de contacto, la suscripción al boletín y el formulario para escribir una reseña.
Dónde encontrarlo
Abre el constructor, haz clic en el icono del engranaje y abre la pestaña Inputs. Tiene dos partes: Layout y Appearance.
Layout: Type
Typecontrols how input labels are displayed in forms. Tiene dos opciones: Collapse (predeterminada) y Expand. Colocan la etiqueta de cada campo de forma un poco distinta, y el resultado depende de tu tema. Cambia entre ellas y mira tu formulario de pedido en la vista previa para elegir.
Appearance: Icons
La mayoría de los campos tienen un pequeño icono, como un teléfono para el número de teléfono o un marcador para la dirección. Icons decide dónde aparece:
- None: sin iconos. Los campos se ven sencillos y limpios.
- Default: el icono está dentro del campo.
- Label: el icono está junto a la etiqueta, encima del campo.
Con Default, aparece un ajuste Position. Start pone el icono antes del texto, End lo pone después. Start y End siguen la dirección de lectura, así que en una página en árabe Start pone el icono a la derecha.
Elijas el estilo que elijas, los campos obligatorios mantienen su pequeña marca roja.
Qué campos siguen estos ajustes
Todos los tipos de campos los siguen: campos de texto, listas como envío y pago, desplegables como la ciudad, el campo de fecha de cumpleaños y el campo de color. Las etiquetas y los textos de ejemplo no se definen aquí. Para el formulario de pedido están en la pestaña Checkout form, y para el formulario de contacto, el boletín y el formulario de reseñas están en esas secciones.
De dónde vienen los colores de los campos
Los colores de los campos no se definen aquí. Vienen de los colores Input del esquema de colores que usa el formulario: fondo, etiqueta, texto, borde y fondo al pasar el ratón. Consulta Esquemas de colores.
Qué campos aparecen en el checkout
Esta pestaña solo cambia el aspecto. Para mostrar, ocultar, renombrar o reordenar los campos del checkout, usa la pestaña Checkout form. Consulta Campos del formulario de pedido.
Tareas habituales
- Un checkout limpio y minimalista: pon Icons en None.
- Ayudar a los compradores a entender cada campo rápidamente: pon Icons en Default y Position en Start.
- Los campos se ven apretados en los móviles: prueba Icons en Label, para que el propio campo tenga más espacio para el texto.
- La posición de la etiqueta se ve rara con mi tema: cambia Type a la otra opción y compara.
Bueno saberlo
- Estos ajustes pertenecen al mercado que estás editando y se aplican a todas sus páginas.
- Los cambios se publican cuando haces clic en Publish.
- El grosor de línea de los iconos sigue los ajustes de iconos.
- ¿Cambiaste de idea? Deshaz el cambio en el constructor. Consulta Atajos, deshacer y rehacer.