The checkout order summary displays order totals with additional data such as discounts, taxes, and cost of delivery. Also, items are represented with image, name, price, and selected quantity. The checkout order summary shows the total item qty as well.
The element can be seen on the checkout page.
The checkout order summary should represent items in the cart containing information regarding name, price, and selected quantity. Designs should have the display of order details such as subtotal, discount, delivery cost, order total.
In the case of free delivery, designs should show a display of free or 0 prices for this delivery, it is related to different summary items, too.
<aside> ℹ️ Usually, styling this element takes from-to**: 4-6h**
</aside>
On mobile by default on ScandiPWA, we have expandable content for checkout order summary, therefore, if some adjustments are needed, guidelines for animation have to be provided by the designer.
Additionally, the checkout items by default can be deleted by swiping on the mobile devices to left, if adjustments in the visual representation are needed for this functionality or it should be removed, the designer should note this in the designs or to be noted by internal PM in the related ticket.
// To Be added after we will have such implementation