Hey fellow Webflowers!
Recently I found a need to explore and push the limits of what I knew could be done by combining @foxy (formerly FoxyCart) with Webflow Collections. After completing my test, it seemed like a nice idea to polish it up, add some step-by-step instructions, and share it with all of you.
Note that this is not a full ecommerce solution build as I didn’t take time to do things like product categories, featured products, descriptions, photo galleries, or product pages. Read below to see what all I did cover in this project.
If you do check out the project, I hope that you learn something (just as I did) or that it helps you with future client projects. Happy designing!
The goal of this project was to test the flexibility that Foxy provides when implemented using the Webflow CMS. Specifically how is it possible to mix’n’match a combination of variants and add-ons to a store of different types of products. Some of these big box ecommerce solutions either can’t handle this challenge or charge higher plan pricing to do so.
- Products powered by Foxy and Webflow CMS
- CMS custom fields for product images and categories
- Checkout and payments powered by Foxy
- CMS plain text fields power the Foxy pricing, cart, and product info
- Unused CMS fields are automatically hidden on the published site
- Dynamic product price based on variant and add-ons selected