> For the complete documentation index, see [llms.txt](https://docs.pennicart.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pennicart.io/attributes.md).

# Attributes

### <mark style="color:purple;">What is an attribute?</mark>

Attributes are custom identifiers used to help select elements through custom code. It's non-disruptive and easy to manage.

In general, Penni Cart attributes corresponds to the native shopping features on your Webflow site, all attribute names will start as <mark style="color:purple;">`pc`</mark>.

### <mark style="color:purple;">Sync your bag</mark>

Any changes made to the bag requires an **additional** step aside from publishing your changes on Webflow; to sync your bag on the Penni Cart app via the publish button found on either the **Templates** or **Components** of the app.&#x20;

{% content-ref url="/pages/qs6HRx4TSgeOC5ULaI7J" %}
[Product Page](/attributes/product-page.md)
{% endcontent-ref %}

{% content-ref url="/pages/npOPnmbK9Kn0CwDGH2bn" %}
[Cart](/attributes/cart.md)
{% endcontent-ref %}

{% content-ref url="/pages/UMX8iSUnHcd1d3x3Dfut" %}
[Checkout](/attributes/checkout.md)
{% endcontent-ref %}

{% content-ref url="/pages/wlDFK25y5Limd0OU7KdB" %}
[Bag](/attributes/bag.md)
{% endcontent-ref %}

### <mark style="color:purple;">Having trouble?</mark>

Feel free to reach out to us at any time, please reach out to <hello@pennicart.io> and our team will be more than happy to offer support and guidance no matter where you are in the Penni Cart journey.