Product Page

Use powerful product page components to elevate the potential of your Webflow e-commerce site.

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.

Last updated