説明例
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.
どのように構築したか
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.
次のステップ
この例をエディターで開き、テンプレートを操作してください。
Publish the site and refresh your browser so the Bookings collections appear in the Database.
どのように Veloでの例題の扱い方.
使用したAPI
コード以外の例。
関連記事
関連例
これは役に立ったか？
|
ご意見ありがとう！
カートに入れる ギャラリー
顧客に商品をカートに追加させる
中級
エレメントの非表示と表示
ユーザーのインタラクションに応じて要素を隠したり表示したりする
ビギナー
エレメントの非表示と表示
ユーザーのインタラクションに応じて要素を隠したり表示したりする
ビギナー