Bag
Understanding the attributes needed to display your products throughout the website.
Last updated
Understanding the attributes needed to display your products throughout the website.
Last updated
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
Any changes made to the bag requires an additional step aside from publishing your changes on Webflow; this is to sync and overwrite the bag stored in the backend of Penni Cart.
To do this, simply navigate to the Webflow Apps panel and launch Penni Cart. From here you'll find a 'Publish" button on either the Templates or Components where it'll live under section covering the Bag.
Once everything is all synced to the backend, you can publish the changes on Webflow like usual and view the bag for review.
You avoid using your using placeholder text on the bag-title, implementing the following attribute will overwrite the text when viewing your design. This will act as the new default state when nothing new is added to the bag.
| Name | Value | Description |
|---|---|---|
| Value | Description | Required |
|---|---|---|
Defines the default text for the bag label
Parent element for your entire bag design
Define element for the background of the bag when opened
Element to display text when bag receives a new item or acts as a label
Parent element for all bag items to dynamically render
Define a element as the bag item to template from
Bag product image
Bag product name
Bag product sku
Bag product price
Bag product quantity
Element to remove the current bag item
Define a element to proceed to cart page
Define a element to proceed to checkout page
