Cart

Understanding the attributes needed to convert your design into cart page.

Please note that this document is still Work in Progress. It might be updated, revised, or changed entirely in the near future.

Before starting, please set the parent element that wraps everything with pc="cart if you are starting from scratch.

Name	Value	Description	Required
pc	cart	Initialize the Cart page
pc	product-list	Parent element for all cart items
pc	product-item	Identifies the cart item structure to render dynamically
pc	product-quantity	Captures the quantity
pc	remove-product	Element to remove cart item
pc	product-sku	Product SKU
pc	product-custom	Display list of product options
pc	product-image	Product image
pc	summary-subtotal	Display store subtotal
pc	summary-delivery	Display store shipping rate
pc	summary-tax	Display store taxes
pc	summary-total	Display store total
pc	view-checkout	Button to proceed to the checkout page
pc	summary-discount-wrapper	Parent element for discount rate
pc	summary-discount-label	Element to nest applied discounts
pc	summary-discount-value	Display store discount rate
pc	discount-wrapper	Parent element for coupon input elements
pc	discount-form	Define form block for input validation
pc	discount-submit	Define button that triggers coupon submission
pc	toast-discount-ok	Element for coupon success
pc	toast-discount-error	Element for coupon failure
pc	toast-discount-code	Child element within coupon element to display valid discount code