Hello Wix team,
together with my fiance we would like to have a “wishlist” on our wedding website.
Next to the short description and picture of the wished item, there should be a button “RESERVE”. If this button is clicked, a lightbox pops out with a question “Do you really wish to reserve this item?” with two buttons:
- NO - if clicked, lightbox closes and the page with the “wishlist” is back
- YES - if clicked, lightbox closes and the selected (reserved) item shows (somehow) that is already selected. No other wedding guest can click the “RESERVE” button again.
Could you please help us to solve this situation? Do you have any idea how to do this?
Thank you for your help!
Sarka + Marek
Hi,
Congratulations For the wedding!
My suggestion is to create a database collection of the wishlist, add a boolean field for RESERVED.
Create a category dynamic page with a repeater element.
Add an onClick event to the button inside the repeater, then, using code the lightbox with the relevant data. In the lightbox check the status of RESERVED and enable/disable the reserve button accordingly.
For more information:
https://www.wix.com/code/home/database
Feel free to paste or ask specific question
Good luck!
Roi.
Nayeli (Code Queen) has also done a tutorial on this that you might want to watch and get ideas from too.
https://www.youtube.com/watch?v=RWgnjUQU7Ac - part 1 video
https://codequeen.wixsite.com/wishlist - code for part 1
Tutorial page, to view the code lightbox, scroll all the way down the page until the end and you will see a ‘view the code’ option in the footer, click on that link to bring up the lightbox with the code in it.
https://www.youtube.com/watch?v=6fx55HHSGNk - part 2 video
https://codequeen.wixsite.com/wishlistpart2 - part 2 page