Pop-up with category/ product/ quantity before going to shopping cart

I want to make a pop-up that allows users to move around categories and select products and quantities [by dropdown] before adding them to the shopping cart.

My problem is everything is gone when users select among the categories, the pop-up doesn’t carry the data for what is selected. I am very new to bubble, I heard about custom state and auto-binding but have no clue how they may help.

Please someone advice how to do it?

I have figured out how to save items in RG to Type, just now they are saving as a list, ie, all products are saved into the same record. I am looking for backend workflow to iterate each item in RG to save as a single record.