OrderSummary Container

The OrderSummary container displays a comprehensive pricing breakdown for quotes including subtotal calculations, applied discounts, tax information, and grand total. This component provides transparency in quote pricing.

Version: 1.1.2

Configuration

The OrderSummary container provides the following configuration options:

Parameter	Type	Req?	Description
showTotalSaved	boolean	No	Shows/hides total savings amount.
updateLineItems	function	No	Callback to transform line items before display. Use for custom line item logic.
initialData	object	No	Preloaded data for the model before backend data is fetched. Use for testing, SSR, or improving initial load.

Slots

This container does not expose any customizable slots.

Usage

The following example demonstrates how to use the OrderSummary container:

import { render as provider } from '@dropins/storefront-quote-management/render.js';
import { OrderSummary } from '@dropins/storefront-quote-management/containers/OrderSummary.js';

await provider.render(OrderSummary, {
  showTotalSaved: true,
  updateLineItems: () => {},
  initialData: {},
})(block);