So I have a build a box type product built in vueJs within shopify. It contains 5 steps in which the user must choose the initial product being a card front. Inside the product, it becomes a build-a-box type product. The steps are as follows:
On the fifth step, I would like to have the gifts be other products listed on the store under a different collection/tag. I have the ability to show the information for all of the gifts on the final step, however, I do not know how to add multiple gifts to the cart from the initial box/card product customizer.
The gifts will have a different occupancy to them similar to blackbowgiftco.ca or shopboxfox.com.
I am hoping this is possible to complete without the use of a shopify app. Is there any way to save the product id to an array and process the gifts with the original card (and the line item properties) on a single add to cart button click?