レストラン注文

アプリ内でレストランのメニューとチェックアウト体験を作成し、カテゴリーページ、メニューアイテムリスト、検索機能、ショッピングバッグ機能を完備してください。

レストラン注文テンプレートは、アプリに完全なメニュー閲覧およびチェックアウト体験を提供します。ユーザーは複数の食べ物や飲み物のカテゴリを閲覧し、各アイテムの詳細を表示し、それらをかごに追加し、チップを追加し、Stripeで購入を完了することができます。このテンプレートは、カフェ、コーヒーショップ、フードトラック、またはレストランなど、どんなタイプの店舗にも最適です。

ヒントと注意事項

• ショッピングバッグの機能はユーザーに関連付けられているため、ユーザーはショッピングをするためにサインインする必要があります。ユーザーがサインアウトしている場合、テンプレートはサインアップまたはサインインするように求めるモーダルを表示します。

• 注文の仕組みを理解することが重要です。バッグ画面や製品ページに移動するリンクをクリックすると、まずアクティブな注文（完了していない注文）があるかどうかを確認します。アクティブな注文が見つからない場合、新しい注文が作成されます。

  • 「かごに追加」ボタンが製品を現在の注文に正しく追加するためには、このボタンは実際には1つのアイテムだけを表示するリストであり、それはユーザーの最新のアクティブで未完了の注文です。

  • 「かごに追加」をクリックすると、現在の注文に新しい「注文アイテム」が作成され、現在の製品の詳細が含まれます。これにより、ユーザーは同じ製品を複数回かごに追加して、特定のアイテムを複数購入することができます。

  • バッグ画面も同様に、1つのアイテムにフィルタリングされた注文のリストです：ユーザーの最新のアクティブで未完了の注文です。

  • 注文を購入すると、それが完了とマークされます。

• 購入にはStripeコンポーネントが必要なので、設定に問題がある場合はそのコンポーネントのドキュメントを確認してください。