Correcto
Icono de cuenta
Ayude a los clientes a acceder rápidamente a su cuenta con un icono de cuenta flexible en el encabezado.
El bloque de icono de cuenta añade un acceso directo a la cuenta del cliente en el encabezado o el área de navegación. Úselo para ofrecer a los clientes una ruta clara para iniciar sesión o abrir su cuenta, y luego ajuste su ubicación por separado para escritorio y móvil. Para obtener una visión general más amplia de cómo encajan los bloques en las secciones del tema, consulte documentación de Shopify sobre secciones y bloques
Ajustes de alineación
Sección titulada «Ajustes de alineación»Use estos ajustes para controlar cómo se sitúa el icono dentro del espacio asignado al bloque. Son más importantes cuando el bloque está configurado para ocupar el espacio disponible o colocado en una fila de ancho completo.
Si el bloque está situado en una fila muy agrupada con poco espacio adicional, los cambios de alineación pueden ser sutiles. Establezca la alineación de escritorio y móvil de forma independiente si el diseño de su encabezado cambia entre tamaños de pantalla.
Ajustes de diseño
Sección titulada «Ajustes de diseño»Estos ajustes deciden dónde aparece el bloque en el diseño de navegación. Puede colocarlo con otros elementos a la izquierda, en el centro o a la derecha, o moverlo a una fila de ancho completo debajo de la fila principal.
Use ancho completo cuando quiera que el acceso directo a la cuenta destaque por sí solo, especialmente en un encabezado móvil apilado. En escritorio, Ocupa el espacio disponible puede extender el bloque por el ancho restante de la fila, lo que hace que los controles de alineación sean más útiles. Si necesita repasar el trabajo en el editor de temas, consulte documentación de Shopify sobre el editor de temas
La colocación de ancho completo cambia la estructura del encabezado al mover el bloque a su propia fila. Revise los diseños de escritorio y móvil después de activarlo.
Para obtener más orientación sobre el comportamiento de la colocación en la fila, consulte ajustes de diseño de navegación.
Ajustes estándar de bloque
Sección titulada «Ajustes estándar de bloque»Ajustes de visibilidad
Sección titulada «Ajustes de visibilidad»Use los controles de visibilidad para mostrar u ocultar el bloque según el tamaño del dispositivo. Esto es útil cuando quiere el acceso directo a la cuenta en una posición en escritorio y en una posición distinta en móvil.
En lugar de forzar una sola colocación para que funcione en todas partes, puede ocultar este bloque en un tamaño de dispositivo y mostrar el acceso a la cuenta en otro lugar del encabezado. Para obtener orientación compartida, consulte ajustes de visibilidad.
Notas de uso
Sección titulada «Notas de uso»- Colóquelo cerca de las acciones de utilidades. El icono de cuenta suele funcionar mejor junto a otras herramientas del encabezado, como los controles de búsqueda, carrito o menú.
- Mantenga el acceso directo fácil de ver para que los clientes puedan llegar a las páginas de inicio de sesión o de cuenta sin revisar la navegación principal.
- Si lo aleja de otras acciones de utilidades, asegúrese de que la nueva ubicación siga teniendo una intención clara.
- Compruebe ambos tamaños de pantalla. Los ajustes de diseño de escritorio y móvil son independientes, así que previsualice siempre ambos después de cambiar la colocación.
- Una colocación que parece equilibrada en escritorio puede verse muy distinta en un encabezado móvil compacto.
- Revise los ajustes de visibilidad al mismo tiempo si usa distintos puntos de acceso a la cuenta según el tamaño del dispositivo.
- Use el ancho completo con intención. Una fila dedicada puede mejorar la claridad, pero también puede hacer que el encabezado se sienta más alto o más fragmentado.
- Combine el diseño y la visibilidad con cuidado. Si el encabezado móvil funciona de forma diferente al de escritorio, oculte el bloque en un dispositivo y use allí un punto de acceso a la cuenta que encaje mejor.
- Use espacio adicional solo cuando ayude. Ocupa el espacio disponible es más eficaz cuando necesita una alineación más limpia o un mejor equilibrio de la fila, no solo más ancho.
- Cuando el bloque se estira por la fila, los pequeños cambios de alineación se perciben con más facilidad.
- Si el encabezado ya es compacto, dejar el bloque con su ancho natural puede preservar un diseño más limpio.