サイドバーの使用
サイドバー要素を使用して、構成内の階層全体で永続的な情報 (可視化、製品の詳細、代替ショッピングカートなど) を表示します。レイアウト CSV でその位置とコンテンツを定義して、構成プロセス全体の可視性とユーザーエクスペリエンスを向上させます。
レイアウトでは、サイドバー要素を使用して、複数の層にまたがる永続的な情報をエンドユーザーに表示できます。
セットアップ
サイドバーを設定するときは、サイドバー要素をレイアウト全体の子として定義する必要があります。入力するセルは、CSV ファイルのサイドバー セクションの例とともに以下のとおりです。
- タイプ:サイドバー
- パス:/layout/sidebar
- 値:
{"location":"right"}または{"location":"left"}
| type | path | label | 変数名 | コンポーネントの表示タイプ | value |
|---|---|---|---|---|---|
| サイドバー | /layout/sidebar | {"場所":"右"} |
|||
| tierdef | /layout/sidebar/tiers | 基本コンテナ | |||
| tier | /layout/sidebar/tiers | 階層 | tier |
location プロパティは、サイドバーを画面の左側または右側のどちらに表示するかを決定します。これは構成中にサイドバーが存在する場所であり、買い物かごの同様のプロパティとは異なり、コンフィギュレーターの下部に置いたり、構成中に移動したりすることはできません。
サイドバーの子は、 tierdef オブジェクトのみにすることができます。tierまたはcolumnset要素を子として追加すると、レイアウトが失敗します。CSV で tierdef を定義したら、他の層と同様に、必要な層、列セット、およびフィールドを子として追加できます。
レイアウトに存在できるサイドバーは 1 つだけです。別のものを追加すると、展開時に同じ層に結合されます。
ユースケース:3D ビジュアライザー
サイドバーは、組織が構成中に使用する 3D 可視化ツールをホストできます。上記の例に示すように、可視化の更新に関連するフィールドへの変更は、エンドユーザーが現在どの階層にいるかに関係なくエンドユーザーに表示されます。
ユースケース:製品情報
サイドバーは、構成プロセス全体を通じてエンドユーザーが利用できるようにするシステムフィールドまたはパートナーフィールドを使用して、製品または見積もりからのあらゆるものをホストできます。
ユースケース:買い物かご
買い物かご以外の製品リストをエンドユーザーに表示するには、サイドバーでホストします。これは、買い物かごに販売 BOM タイプのみを表示しながら、個別の製造 BOM タイプをリストする必要がある場合に役立ちます。