Skip to content
P1 Blocks

Block 72 of 297

Cart Summary

Cart as a real table with quantity inputs, remove links, a promo code form and an order summary with checkout link.

Puck key
CartSummaryBlock
Export
cartSummaryBlock
React component
<CartSummary />
Path
components/puck/cart-summary-block.tsx
Dependencies
None
License
MIT

Live demo

Try this block in a real editor

Pick the editor your team uses. Both run in your browser, and nothing is saved.

  • Pantheon Content Publisher (P1)

    Puck

    The visual editor P1 is built on. Drag blocks onto a page, edit their fields in the sidebar, then publish to see the result.

    Open in Puck

  • WordPress

    Gutenberg

    WordPress's block editor, running in your browser. Insert blocks from the library, then change their settings in the sidebar.

    Open in Gutenberg

The editors work best on a larger screen.

Edit it in Puck or Gutenberg. Nothing is saved.

Editor fields

What content editors see in the P1 sidebar when they select this block.

  • Headingtext
  • Heading levelselect
  • Line itemsarray
  • Update cart URLtext
  • Update button texttext
  • Summary headingtext
  • Summary rowsarray
  • Total labeltext
  • Totaltext
  • Promo code URLtext
  • Checkout button texttext
  • Checkout linktext
  • Keep shopping texttext
  • Keep shopping linktext
  • Notetextarea