Empty cart ブロック

Empty cart ブロックは、カートにアイテムがないときに表示されるコンテンツで、通常はメッセージと「買い物を続ける」ボタンです。これにより、空のドロワーでも有用でブランドに沿ったものになります。カートの空の状態でのみ表示され、他のブロック（Header など）も同じ状態で並べて配置できます。

• このブロックはカートが空のときにのみ表示されます。買い物客がアイテムを追加するとすぐに、カートは商品が入った状態に切り替わり、このブロックはそのレイアウトに置き換わります。
• エディタ内では CTA リンクは無効化されており、デザイン中にクリックしてもページ遷移しません。

• 領域: ボディ。
• 最大数: カート状態ごとに 1 つ。
• 状態: 空のカートのみ。このブロックは商品が入った状態では表示されません。新しいカートには、デフォルトで空の状態にも Header が含まれます。カートはどのように機能しますか？を参照してください。
• 新しいカートにはデフォルトで追加されます。ロックされていないため、削除や非表示が可能です。

Code タブからカスタムテンプレートをサポートしており、このブロックの組み込みマークアップをあなたの JSX に置き換えます。受け取る props は次のとおりです。 このブロックのスタイルは、設定パネルの Design セクションで設定します。これらはグローバルデザインの上に重なるブロックごとの上書きで、空欄の場合はグローバル設定にフォールバックします。 Design 内の Text セクションでは、2 つの要素のタイポグラフィを制御できます。Text element ピッカーを使って、両者を切り替えます。 Message — 空の状態のメッセージテキストです。太字とテキストカラーは、上のリッチテキストエディタ(Settings タブ)で設定するもので、ここでは設定しません。 Button label — 「買い物を続ける」ボタン上のテキストです。テキストカラーは Design の Button セクションで設定します。 Button セクションでは、グローバルなボタンデザインとは独立して CTA ボタンにスタイルを当てられます。Default / Hover の切り替えで 2 つの状態を切り替えます。 デザイン設定とは何か？詳しくはこちら: デザイン設定。