Header ブロック

Header ブロックは、カートドロワーの上部に固定される領域で、ドロワーに明確なタイトルと分かりやすい閉じる手段を提供します。Title、Logo、Close button を左と右のセクションに割り当てることで、レイアウトを制御できます。Header は上部に固定されているため、カートの残りの部分がスクロールしても表示され続けます。

• Header はドロワーの上部に固定され、カート本体と一緒にスクロールしません。
• 閉じるコントロールは常に利用でき、ドロワーを閉じます。

タイトルは翻訳可能です。タイトルが空になった場合（たとえば未設定の翻訳）、カートは Cart の表示にフォールバックするため、ヘッダーが空白になることはありません。 要素は選択した順に左から右へと表示され、各要素は一度に 1 つのセクションにのみ割り当てられます。

• 領域: 上部のみ。
• 最大数: カート状態ごとに 1 つ。
• 状態: 商品が入ったカートと空のカート（各状態がそれぞれ独自の Header インスタンスを持ちます）。
• 新しいカートには両方の状態でデフォルトで追加されます。ロックされていないため、削除したり、目のトグルで非表示にしたりできます。

Code タブからカスタムテンプレートをサポートしており、このブロックの組み込みマークアップをあなたの JSX に置き換えます。受け取る props は次のとおりです。 このブロックのスタイルは、設定パネルの Design セクションで設定します。これらはグローバルデザインの上に重なるブロックごとの上書きで、空欄の場合はグローバル設定にフォールバックします。 Design 内の Text セクションでは、カートタイトルのタイポグラフィを制御できます。太字とテキストカラーは、上のリッチテキストエディタ(Settings タブ)で設定するもので、ここでは設定しません。 デザイン設定とは何か？詳しくはこちら: デザイン設定。