Hello,
I am currently working on a grocery delivery app. This is one of my first projects, so I do apologise if this is something silly to ask.
I am kind of stuck on the prototype phase, where I am trying to enable the user to pick a day and time for the food shop delivery.
What I want from the design is:
- when user selects a time slot for a certain day, I’d like to swap the text “Pick a delivery slot” to an interactive button “Continue with selected slot” (I’d ideally also like that button to say, which day and time it is, but I can’t even get it working on its own)
- highlight the selected time box.
So far I’ve tried:
- creating a component (time box, like £0.50 or free or X - see attached image) and telling it to turn orange when tapped, that works okay
- I used that component in my variants with the whole frame with the times (see image - everything but the “time” column) - it works fine
- I tried adding an overlay, when same button tapped, however unless I select “close when clicking outside”, I can’t perform any more actions on the page whilst the overlay is active.
I’d really appreciate all the advice you could give me. I am not very comfortable with variables, like Boolean, yet but if you tell me this will work, I will look into it and learn more :)
Thank you!