# レストラン注文

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

{% embed url="<https://app.arcade.software/share/KJYrrZIPcV94FRdRVgQk>" %}

### ヒントと注意事項

* ショッピングバッグの機能はユーザーに関連付けられているため、ユーザーはショッピングをするためにサインインする必要があります。ユーザーがサインアウトしている場合、テンプレートはサインアップまたはサインインするように求めるモーダルを表示します。
* 注文の仕組みを理解することが重要です。バッグ画面や製品ページに移動するリンクをクリックすると、まずアクティブな注文（完了していない注文）があるかどうかを確認します。アクティブな注文が見つからない場合、新しい注文が作成されます。
  * 「かごに追加」ボタンが製品を現在の注文に正しく追加するためには、このボタンは実際には1つのアイテムだけを表示するリストであり、それはユーザーの最新のアクティブで未完了の注文です。
  * 「かごに追加」をクリックすると、現在の注文に新しい「注文アイテム」が作成され、現在の製品の詳細が含まれます。これにより、ユーザーは同じ製品を複数回かごに追加して、特定のアイテムを複数購入することができます。
  * バッグ画面も同様に、1つのアイテムにフィルタリングされた注文のリストです：ユーザーの最新のアクティブで未完了の注文です。
  * 注文を購入すると、それが完了とマークされます。
* 購入にはStripeコンポーネントが必要なので、設定に問題がある場合はそのコンポーネントのドキュメントを確認してください。