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.

All attribute names will start with data-pc for the "Name" inside the Webflow Designer

Value	Description	Required
cart-products-container	Parent element for all cart items
product	Identifies the cart item structure to render dynamically
product-quantity	Captures the quantity
product-sku	Product SKU
product-remove-button	Element to remove cart item
product-image	Product image
summary-subtotal	Display store subtotal
summary-delivery	Display store shipping rate
summary-discount-container	Parent element for discount rate
summary-discount	Display store discount rate
summary-taxes	Display store taxes
summary-total	Display store total
cart_summary_checkout_button	Button to proceed to the checkout page
coupon-container	Parent element for coupon elements
coupon-form	Define coupon form element for input
cart-redeem-coupon-button	Define button that triggers coupon submission
toast-coupon-success	Element for coupon success
toast-coupon-error	Element for coupon failure
toast-coupong-code	Child element within coupon element to display inputted code