Docs
Free ON WEBFLOW.IO DOMAINS

Cart Summary

The Cart Summary component is a consolidated UI block within the Cart Module that displays aggregated cart-level data. It includes the cart subtotal, applied discount codes, order-level discount, cart total, and a checkout button.

Cart summary components can be placed anywhere inside of the Cart Container but since this is usually the last things to look at before the checkout they are grouped inside of a Div Block with the class cart_summary.

Cart summary components

Cart summary features the following components:

  1. Cart Total
  2. Cart Subtotal
  3. Order Discounts List
  4. Order Discount Codes List
  5. Checkout button

Cart Subtotal

Displays the Cart Total before discounts.

Cart Subtotal

Order Discounts List

Order Discounts List contains the list of the Order Discount Items.

Order Discount Item

Order Discount Item component functions as a structural template for rendering each Discount  in the Order Discounts List. Shopyflow requires you to define a single Order Discount Item component, with it’s 2 inner elements

  1. Order Discount Title
  2. Order Discount Amount
Order Discount List
Order Discount Item and the inner elements

Order Discount Codes List

Order Discounts List contains the list of the Order Discount Items.

Order Discount Code Item

Order Discount Code Item component functions as a structural template for rendering each applied discount code in the Order Discounts Code List. Shopyflow requires you to define a single Order Discount Code Item component, with it’s 2 inner elements

  1. Order Discount Code Title
  2. Order Discount Code Amount
Order Discount Code List
Order Discount Code Item and inner elements

Checkout Button

Sends the customer to Shopify checkout on click.

See component reference →

No items found.
No items found.
No items found.