Natively create product add ons in Webflow CMS
Natively create product add ons in Webflow CMS. The limitation is each add on is treated as a separate product.
The setup:
1. In the products page I created a products grid with all of my basic options (name, add to cart ect).
2. I then nested a second cms collection, within that product grid, that was to pull its data from the products database, however I made sure that it only pulled in products that had a switch, called “add ons”, turned on. This lets customers add additional items to cart, however it doesn’t all go through in one order (only downside).
3. I then selected the entire product grid and duplicated it. On the second grid I deleted the nested collection list and set the whole grid to only display on the fixed box items.
4. I finally selected the original product grid, with the nested collection list, and set it to display only on products that were to have add ons.