Skip to content

<dpd-cart>

<dpd-cart> puts the cart in your page: each item with its quantity and a remove link, the coupon field, the totals and a checkout button. It’s the same cart the drawer shows. Use it for a cart page on your own site.

Add something first, then watch the cart below fill in.

Steak Rub Spice Tin
<dpd-add-to-cart product="25224">Steak Rub Spice Tin</dpd-add-to-cart>
<dpd-cart></dpd-cart>
Attribute
target _blank opens the checkout in a new tab.
store The store’s cart. See More than one store.
  • The coupon field only shows when your store has coupons turned on.
  • When something in the cart needs shipping, the totals say “Calculated at checkout” for shipping. The hosted checkout works it out from the address.
  • Every element on the page shows the same cart, and so do other tabs open on your site. Change a quantity here and the cart button’s count changes too.

Its parts are cart, item, totals and checkout-button.