Bloque Header

El bloque Header es el área superior fijada del drawer del carrito, que le da al drawer un título claro y una forma obvia de cerrarlo. Controlas su layout asignando Title, Logo y Close button a las secciones izquierda y derecha. Como el Header está fijado en la parte superior, permanece visible mientras el resto del carrito se desplaza.

• El Header está fijado en la parte superior del drawer y no se desplaza con el cuerpo del carrito.
• El control de cierre está siempre disponible y descarta el drawer.

El título es traducible. Si tu título se resuelve vacío (por ejemplo, una traducción sin establecer), el carrito recurre a mostrar Cart para que el encabezado nunca quede en blanco. Los elementos aparecen en el orden en que los seleccionas, de izquierda a derecha, y cada elemento solo puede asignarse a una sección a la vez.

• Región: solo parte superior.
• Máximo: 1 por estado del carrito.
• Estado: carrito con artículos y vacío (cada estado tiene su propia instancia de Header).
• Se agrega a los carritos nuevos de forma predeterminada en ambos estados. No está bloqueado, así que puedes eliminarlo u ocultarlo con el interruptor del ojo.

Admite una plantilla personalizada desde su pestaña Code, que reemplaza el marcado integrado de este bloque con tu JSX. Estas son las props que recibe. Dale estilo a este bloque con su sección Design en el panel de configuración. Son anulaciones por bloque que se aplican encima de tu diseño global y recurren a él cuando están en blanco. La sección Text de Design te permite controlar la tipografía del título del carrito. La negrita y el color del texto se establecen en el Rich Text Editor de arriba (en la pestaña Settings), no aquí. ¿Qué son las configuraciones de diseño? Aprende más aquí: Configuraciones de diseño.