I know the title is a bit confusing, but I will unfold the question bit by bit, maybe more people have the same questions:

So I am trying to build an e-commer, and inside the product there are multiple procut options, from colors to models.

This gets me to do the following(Sorry, Figma only allows 1 print for starter users, but I can clarify further with prints on the comments):

1. 
   

   Carry the chosen model/color to the quantity selector
   
   

   
   


2. 
   

   Change the total available amount as the selected amount is increased or decreased (I know this is possible, but how can I do this with multiple models, each one with its own counting?)

   
   


3. 
   

   Then carry the set amount via quantity selector to the button “Add to cart” (so it could be properly launched to the cart)

   
   


4. 
   

   Then have the exact model of the product and its model/color and quantity to show up on the cart

   
   


5. 
   

   Then carry the cart products, its model, price and quantity along to the checkout (pricing, adding shipment value etc.)

   
   


6. 
   

   Carrying the entire purchase data into the “Check my purchase”

   
   


7. 
   

   Carrying the purchase data to a possible editing and then saving the edited changes to be recorded on the purchase screen.

   
   

So far, I’ve seen people doing such operations only in a 1-level structure, so to speak, clicking “+” to launch the product into the cart, then incrementing the quantity inside the shopping cart, though I couldn’t seem to find any tutorial/fellow designer nor thread discussing such possibility, so I resorted to the attempt on asking it myself.

Thanks y’all!