Cart Summary

A cart summary opens a user’s cart and provides summaries about its contents.

Example

Simple Example

<jamcart-open></jamcart-open>

Note: The closing tag </jamcart-open> is required and may not be omitted or made self-closing.

Full Example

<jamcart-open>
  <p>Your Cart:</p>
  <p>
    <jamcart-cart-quantity></jamcart-cart-quantity> items
    for <jamcart-cart-total></jamcart-cart-total>
  </p>
</jamcart-open>

Customization

The default appearance can be overriden simply by providing your own HTML. If you choose to do so, two additional tags may be useful.

Quantity

To display the total quantity of items in the cart, simply write <jamcart-cart-quantity></jamcart-cart-quantity>. This tag can be used anywhere, not just inside of <jamcart-open>.

Total Price

To display the total price of items in the cart, simply write <jamcart-cart-total></jamcart-cart-total>. This tag can be used anywhere, not just inside of <jamcart-open>.