Example Description
In this example, site visitors are presented with a schedule of upcoming classes. They navigate the class schedule by choosing a day and are then presented with all the available classes on that day.
How We Built It
Visitors browse classes on the Schedule page. The main elements of the page are two repeaters. The first repeater displays a list of days. The second repeater displays the classes scheduled on a given day. When a visitor selects a day in the first repeater, the Bookings API is used to retrieve the service slots available for that day and display them in the second repeater.
When a visitor chooses a service to book, a lightbox with a form is shown to collect booking information. When the form is submitted, the Bookings API is used to book the service.
After the service is booked successfully, a thank you page is shown with a confirmation of the booking details. The details are passed from the booking form lightbox to the thank you page using the Storage API.
Next Steps
Open this example in the Editor to work with the template.
Publish the site and refresh your browser so the Bookings collections appear in the Database.
Learn how to work with examples in Velo.
APIs We Used
Non-code example.
Related Articles
Related Examples
Did this help?
|
Thanks for your feedback!
Add to Cart Gallery
Let customers to add products to their cart
INTERMEDIATE
Hide and Show Elements
Hide and show elements in response to user interactions
BEGGINER
Hide and Show Elements
Hide and show elements in response to user interactions
BEGGINER