Product Page

Penni Cart product page offers pre-built templates to add products instantly to your Webflow e-commerce.

Please note that this section/document is still Work in Progress. It might be updated, revised, or changed entirely in the near future.

Navigate to the Product Page within the Penni Cart App to begin personalizing your e-commerce experience. This page offers a comprehensive list of both essential and recommended components for your product page. Each component is outlined with corresponding attributes and values to ensure seamless app functionality.

  1. Open the Penni Cart App: Start by navigating to the Product Page within the app. Here, you'll find a grid showcasing all the necessary components for your product page, including required attributes and their values.

  2. Copy and Paste Attributes: In the Penni Cart App, select the attribute, such as "Product Name," to copy its value. In your Webflow project, navigate to the custom attributes section, entering "Product Name" as the attribute name and pasting the copied value accordingly.

  3. Validate Attributes: After implementing all the required attributes, use the "Validate Attributes" function. This will check for any issues or missing links, ensuring everything is correctly configured.

  4. Address Feedback: The app will highlight any areas needing attention or corrections, guiding you towards a fully functional setup.

  5. Complete Setup: Once all required components are validated, your product page is all set.

This section serves as your quick-reference guide for attribute names and values. Should you need to adjust or replace any component attributes, simply copy the necessary information from here to ensure seamless functionality within your Webflow project.

Last updated