Notes ブロック

Notes ブロックは、買い物客がカートを離れずに注文メモや特別な指示（ギフトメッセージ、配送指示など）を追加できる折りたたみ可能なフィールドです。メモはカートに保存され、注文まで引き継がれます。

• このフィールドは折りたたみ可能な開閉式で、デフォルトでは折りたたまれています。折りたたみは見た目だけの動作で、保存されたメモは引き続き適用されます。メモが保存された状態で折りたたむと、チェックマークが表示され、買い物客はメモが保存されていることが分かります。
• メモは買い物客がフィールドの外をクリックしたとき（blur 時）に保存され、保存中 / 保存済み / エラーのステータスフィードバックが表示されます。
• カートのメモが別の場所（/cart ページや別のタブ）で変更された場合、フィールドはそれに同期します。ただし、買い物客がすでに入力を始めている場合は同期せず、入力途中のメモが上書きされることはありません。

• 領域: ボディまたは下部。
• 最大数: カート状態ごとに 1 つ。
• 状態: 商品が入ったカートのみ。
• デフォルトでは追加されません。ロックされていないため、削除や非表示が可能です。

Code タブからカスタムテンプレートをサポートしており、このブロックの組み込みマークアップをあなたの JSX に置き換えます。受け取る props は次のとおりです。 このブロックのスタイルは、設定パネルの Design セクションで設定します。これらはグローバルデザインの上に重なるブロックごとの上書きで、空欄の場合はグローバル設定にフォールバックします。 Design 内の Text セクションでは、2 つの要素のタイポグラフィを制御できます。Text element ピッカーを使って、両者を切り替えます。 Title — メモフィールドの上に表示されるセクション見出しです。太字は上のリッチテキストエディタ(Settings タブ)で設定します。テキストカラーは Design の Toggle セクションで設定します。 Note field — 買い物客がメモを入力するテキストエリア内のテキストです。 デザイン設定とは何か？詳しくはこちら: デザイン設定。