Adding multiple rooms / products and pass to next screen

Hello guys,

I’m making something like a booking.com clone.
One of the steps is that users can add multiple instances of “rooms” to the temporary “cart” and see the summary how much all selected rooms costs. Than this data should be passed to the next screen. Important thing → my customer are not logged in at the moment.

Here is my prototype:

Here is what I want to achieve:
Choosing rooms:


Having ability to check selected rooms in next step

I’ve tried doing this with “custom state” and was successful for saving and passing IDs of the rooms and number of rooms as a list in URL, however I have problems with retrieving data to show it in the repeating group in next screen. Any ideas what would be the best way to achieve it?

This might kind of get rid of a lot of work you’ve done, but I do have one suggestion.

Make this entire thing a single-page function.

Through a custom state you can determine what “step” the user should see and show/hide the appropriate group.

And you can always reference any data value in any group you have on the page. So you don’t have to worry about passing parts between pages.

Just a thought.

This topic was automatically closed after 70 days. New replies are no longer allowed.