Product Page

Understanding the attributes needed to capture products into the cart.

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 pc for the "Name" inside the Webflow Designer

Name	Value	Description	Required
pc	product-name	Product name
pc	product-price	Product price
pc	product-quantity	Captures the quantity
pc	form	Define form element to capture data to bag
pc	add-btn	Define a button that triggers submit action
pc	product-sku	Product SKU
pc	product-image	Product image
pc	tax-type	Define product tax type (Product or Service)
pc-custom	your-custom-name	Captures custom product option
pc	v-wrapper	Parent element that is hidden on live link
pc	v-item	Identify collection item
pc	v1-select	Captures variant selector 1
pc	v2-select	Captures variant selector 2
pc	v1-name	Variant 1 product name
pc	v2-name	Variant 2 product name
pc	v-price	Variant product price
pc	v-sku	Variant product SKU
pc	v-stock	Variant product inventory
pc	v-image	Variant product image

Penni Cart Attributes

• pc="form" needs to be placed on Webflow's Form element not Form Block

• Penni Cart currently supports two default values for pc="tax-type", Product & Service that can used within Webflow CMS Collection settings.

• To display variants you'll need to establish the values that will auto-populate a select field, using pc="v-item" to set your collection item and establishing values with pc="v1-name" or pc="v2-name", pc="v-price", pc="v-sku", pc="v-stock", and pc="v-image".

• Use pc="v-wrapper" to hide the parent wrapper when viewing your site's published link.

• pc="v1-select" & pc="v2-select" uses the select field's name as the label when added to cart.