Блок Notes

Блок Notes — это сворачиваемое поле, где покупатели могут добавить примечания к заказу или особые инструкции (подарочные сообщения, инструкции по доставке и так далее), не покидая корзину. Примечание сохраняется в корзине и переносится в заказ.

• Поле является сворачиваемым раскрывающимся элементом, свёрнутым по умолчанию. Сворачивание чисто визуальное — сохранённое примечание всё равно применяется. Если поле свёрнуто и примечание сохранено, отображается галочка, чтобы покупатель знал, что его примечание сохранено.
• Примечание сохраняется, когда покупатель кликает в другое место (при потере фокуса), с индикацией статуса: сохранение / сохранено / ошибка.
• Если примечание корзины изменяется в другом месте — на странице /cart или в другой вкладке — поле синхронизируется с ним, если только покупатель уже не начал печатать, чтобы его незавершённое примечание никогда не было перезаписано.

• Регион: тело или низ.
• Максимум: 1 на состояние корзины.
• Состояние: только заполненная корзина.
• Не добавляется по умолчанию. Не заблокирован — вы можете удалить или скрыть его.

Поддерживает пользовательский шаблон на вкладке Code, который заменяет встроенную разметку этого блока вашим JSX. Вот props, которые он получает. Стилизуйте этот блок через его раздел Design в панели настроек. Это переопределения на уровне блока, которые накладываются поверх вашего глобального дизайна и возвращаются к нему, если оставлены пустыми. Раздел Text в Design позволяет управлять типографикой двух элементов. Используйте селектор Text element, чтобы переключаться между ними. Title — заголовок раздела над полем примечания. Полужирное начертание задаётся в редакторе форматированного текста выше (на вкладке Settings). Цвет текста задаётся в разделе Toggle в Design. Note field — текст внутри текстовой области, где покупатели вводят примечание. Что такое настройки дизайна? Узнайте больше здесь: Настройки дизайна.