Bloque Notes

El bloque Notes es un campo plegable donde los compradores pueden agregar notas de pedido o instrucciones especiales (mensajes de regalo, instrucciones de entrega, etcétera) sin salir del carrito. La nota se guarda en el carrito y se traslada al pedido.

• El campo es un disclosure plegable, plegado de forma predeterminada. Plegarlo es solo visual — una nota guardada sigue aplicándose. Cuando está plegado con una nota guardada, se muestra una marca de verificación para que el comprador sepa que su nota está almacenada.
• La nota se guarda cuando el comprador hace clic fuera (al perder el foco), con retroalimentación de estado de guardando / guardado / error.
• Si la nota del carrito cambia en otro lugar — la página /cart u otra pestaña — el campo se sincroniza con ella, a menos que el comprador ya haya empezado a escribir, de modo que su nota en curso nunca se sobrescriba.

• Región: cuerpo o parte inferior.
• Máximo: 1 por estado del carrito.
• Estado: solo carrito con artículos.
• No se agrega de forma predeterminada. No está bloqueado — puedes eliminarlo u ocultarlo.

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 de dos elementos. Usa el selector Text element para alternar entre ellos. Title — el encabezado de la sección encima del campo de nota. La negrita se establece en el Rich Text Editor de arriba (en la pestaña Settings). El color del texto se establece en la sección Toggle de Design. Note field — el texto dentro del textarea donde los compradores escriben su nota. ¿Qué son las configuraciones de diseño? Aprende más aquí: Configuraciones de diseño.