説明例
In this example, a site visitor chooses a category, which filters a list of classes available for booking. The date of the next available time slot for each class is displayed.
どのように構築したか
The Collection We Added: Categories
In addition to the standard Bookings collections, we also created a Categories collection with the following fields:
Category: Category names used to divide all services (classes) into three groups: Breathe, Move, and Nourish.
services: A multiple-item reference field listing the service names from the Bookings/Services collection associated with the specified category.
ページ要素
At the top of our Classes page, three categories of classes are displayed in a column strip.
Under the column strip, another strip contains title text and a repeater. The repeater displays a list of available classes. Users can click a button to view more information about a class, or click a different button to book.
Displaying the Services
When a visitor selects one of the categories at the top of the page, the following happens:
The page scrolls to the strip containing the repeater.
The title changes to the selected category.
The data loaded into the repeater is filtered to include only services associated with the selected category.
When the filtered list of classes loads into the repeater, the Bookings API retrieves the available time slots for each class. The date of the first available slot for each class is displayed.
次のステップ
この例をエディターで開き、テンプレートを操作してください。
Publish the site and refresh your browser so the Bookings collections appear in the Database.
どのように Veloでの例題の扱い方.
関連例
これは役に立ったか?
|
ご意見ありがとう!
サービスページ
関連商品を販売するカスタムサービスページを作成します。
中級
予約カレンダーのページを差し替える
あなたのサイトのデフォルトのWix Booking Calendarを、あなたのニーズに合わせてカスタマイズしたカレンダーに置き換えることができます。
中級
Quick Book and Pending Appointments
Let customers quickly book appointments, which are then approved or declined.
中級
ECOM Validations SPIを使用して、1週間のコンタクトごとの予約数を制限する。
各サイトメンバーの予約は週3回までに制限する。
中級
ブッキングV2のカスタム予約フロー
Bookings V2 APIを使用して、迅速かつカスタマイズされた予約プロセスを顧客に体験してもらいましょう。
中級
ラウンドロビン予約スケジューリング
スタッフを選ばずに予約できるようにし、ラウンドロビンのスケジューリングを作成する。
上級