← Arcanum HollowDocs · 1.3.0

Navegación del encabezado y utilidades

Configura diseños de escritorio, búsqueda en el cajón móvil, iconos de utilidad, inicio de sesión con Shopify Account, teléfono y menús secundarios.

La sección Header controla tu logo, menú principal, mega menús, búsqueda, carrito, wishlist, CTA de reserva y enlaces opcionales de teléfono o secundarios. Studio Arcana separa la **navegación de escritorio** del **cajón móvil** para mantener la barra superior compacta en teléfonos.

Diseño de escritorio

  • **Logo a la izquierda, menú al centro** — diseño predeterminado para estudios de servicios.
  • **Logo al centro, menú debajo** — diseño editorial con una segunda fila de navegación.
  • **Logo al centro, menú en línea** — encabezado equilibrado en una fila cuando tienes pocos enlaces principales.
  • **Icono abre panel de búsqueda** — abre búsqueda predictiva en un modal (predeterminado).
  • **Barra en línea en escritorio** — acceso compacto en la barra del encabezado en pantallas grandes; en móvil sigue el icono o la búsqueda del cajón.
  • **Solo cajón** — oculta la búsqueda de la barra; los clientes buscan desde la fila del cajón móvil.

La búsqueda predictiva sugiere productos, colecciones y páginas. Activa **Mostrar búsqueda en cajón móvil** para añadir una fila de búsqueda en la parte superior del cajón.

Iconos de utilidad y ubicación en móvil

  • **Estilo de utilidades en escritorio** — etiquetas de texto, solo iconos o iconos con etiquetas.
  • **Estilo de utilidades en móvil** — predeterminado: solo iconos.
  • **Utilidades del encabezado móvil** — lista separada por comas (`search,cart` por defecto). Otras utilidades aparecen en el cajón salvo que las añadas aquí.

Inicio de sesión de cuenta de cliente

Con cuentas de cliente activadas, el encabezado usa el **componente de cuenta de Shopify** (`shopify-account`). Requiere **cuentas de cliente nuevas** en el admin de Shopify (Configuración → Cuentas de cliente).

Teléfono y menú secundario

  • Activa **Mostrar enlace de teléfono**; si el campo está vacío, se usa el teléfono de la tienda.
  • Asigna un **Menú secundario** para tarjetas regalo, políticas o ayuda.
  • Elige si los enlaces secundarios aparecen en el cajón, el encabezado de escritorio o ambos.

Menú móvil separado

El **Menú móvil** opcional alimenta solo el cajón. Déjalo vacío para reutilizar el menú principal.

¿Te resultó útil esta página?

El contenido lo mantiene Arcanum Hollow Labs. Para notas internas de ingeniería, consulta la carpeta docs/ del monorepo.