クラス詳細スクリーン

ブラウズ、購入、およびクラス管理機能テンプレートのクラス詳細画面には、ユーザーが購入を行うために必要なすべての情報が表示されます。

クラス詳細画面は、カテゴリ内の選択したクラスに関するすべての情報を表示します。このページには、Magic Textを介してデータベースから情報を取得するいくつかのコンポーネントがあります。クラスコレクション内のプロパティに情報が含まれていない場合、この画面では正しく表示されません。

いくつかのコンポーネントは、「カテゴリリスト」および「クラスリスト」画面のドキュメントで説明されたコンポーネントと同様に機能するため、以下で新しいコンポーネントについて説明します。

コンポーネント

ボタンコンポーネント — Rectangle 38

この長方形コンポーネントは、この画面上でボタンのように機能します。表示されるかどうかを制御する可視性ルールが含まれています。この場合、現在のクラス > 利用可能な空きスポットが0より大きい場合にボタンが表示されます。つまり、クラスに空きがある場合はボタンが表示されます。

ボタンアクション

ボタンには、「購入」画面に移動するリンクアクションが含まれています。

マップコンポーネント

マップコンポーネントは、コンポーネントマーケットプレースにあるか、「インストール済みのチーム」セクションに表示されます。

このコンポーネントにはGoogle Maps APIキーが必要で、クラスの場所を表示します。Google Mapコンポーネントにはいくつかのカスタマイズが可能です。

地図上に表示される場所は、クラスコレクション内の場所プロパティに基づいています。

マップコンポーネントを利用するには、Google Maps APIキーが必要です

条件付き表示要素

ユーザーにとって、要素のうちの1つだけが表示されます — どちらか一方が表示されるかは、「利用可能な空きスポット」プロパティからの可視性ルールに関連しています。

見た目では、1つのグループが間違った場所に表示されるように見えるかもしれませんが — 可視性ルールが使用されると、消えるコンポーネントは、元々表示されていたグループが占めていた領域を埋めるように移動します。

グレーアウトされた要素に対する可視性ルールは以下のようになります:

Last updated

Was this helpful?