Summary ブロック

Summary ブロックは、購入者が支払う金額を表示します。合計行(オプションで割引額付き)と、適用されているディスカウントタグです。チェックアウトボタンのすぐ上でカートの合計と割引額をまとめて表示するため、購入者は確定前に最終的な金額を確認できます。

• 割引トークンは自然に折りたたまれます。 セルで {{savings}} や {{pre_savings_price}} を参照していてもカートに割引がない場合、そのセルは {{total_price}} のみにフォールバックします。そのため、購入者に「$0.00 オフ」や合計と同額の取り消し線価格が表示されることはありません。同じセルで {{cart_item_count}} と {{savings}} を組み合わせると、割引なしのフォールバック時にアイテム数も一緒に消えます。これを避けるには別々のセルに分けてください。
• ディスカウントタグは、Show discount codes がオンで、_かつ_カートに一覧表示できる割引がある場合にのみ表示されます。これにはコードベースの割引と自動適用の割引の両方が含まれます。

テキストセルは {{cart_item_count}}、{{total_price}}、{{pre_savings_price}}、{{savings}} のトークンをサポートします。

• リージョン: bottom。
• 最大数: カート状態ごとに 2 つ。商品が入ったカートと空のカートにそれぞれ独自の枠があります。
• 状態: 商品が入ったカートと空のカートの両方。
• 新しいカートにはデフォルトで追加されます。ロックはされていないため、削除や非表示が可能です。

Code タブからカスタムテンプレートをサポートしており、このブロックの組み込みマークアップをあなたの JSX に置き換えます。受け取る props は以下のとおりです。 このブロックのスタイルは、設定パネルの Design セクションで調整します。これらはブロック単位のオーバーライドで、グローバルデザインの上に重なり、空欄の場合はグローバル設定にフォールバックします。 デザイン設定とは何か? 詳しくはこちら: デザイン設定。