Penni Cart Docs
  • Introduction
    • Quick Connect
  • Attributes
    • Navigation
    • Product Page
    • Cart
    • Checkout
    • Bag
  • Components
    • Product Page
    • Bag
    • Cart
    • Checkout
  • Templates
    • Product Page
    • Bag Templates
    • Cart Templates
    • Checkout Templates
  • Managing Your Store
    • Dashboard
      • Payments
      • Coupons
      • Tax
      • Shipping
      • Account
      • Invoice
    • Payment Gateways
      • Stripe
      • Elavon
      • Authorize.net
  • Zapier Integration
Powered by GitBook
On this page

Was this helpful?

  1. Attributes

Cart

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

PreviousProduct PageNextCheckout

Last updated 1 month ago

Was this helpful?

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

Initialize the Cart page

Parent element for all cart items

Identifies the cart item structure to render dynamically

Captures the quantity

Element to remove cart item

Product SKU

Display list of product options

Product image

Display store subtotal

Display store shipping rate

Display store taxes

Display store total

Button to proceed to the checkout page

Parent element for discount rate

Element to nest applied discounts

Display store discount rate

Parent element for coupon input elements

Define form block for input validation

Define button that triggers coupon submission

Element for coupon success

Element for coupon failure

Child element within coupon element to display valid discount code

pc
cart
pc
product-list
pc
product-item
pc
product-quantity
pc
remove-product
pc
product-sku
pc
product-custom
pc
product-image
pc
summary-subtotal
pc
summary-delivery
pc
summary-tax
pc
summary-total
pc
view-checkout
pc
summary-discount-wrapper
pc
summary-discount-label
pc
summary-discount-value
pc
discount-wrapper
pc
discount-form
pc
discount-submit
pc
toast-discount-ok
pc
toast-discount-error
pc
toast-discount-code