注
Dynamics 365 Commerce の小売関連グループは、Yammer から Viva Engage に移行しました。 新しいViva Engage コミュニティにアクセスできない場合は、追加するフォーム (https://aka.ms/JoinD365commerceVivaEngageCommunity) に入力し、最新のディスカッションに参加してください。
この記事では、アコーディオン モジュールについて説明し、Microsoft Dynamics 365 Commerce のサイト ページに追加する方法について説明します。
アコーディオン モジュールは、折りたたみ可能なドロワーのような機能を提供することで、ページ上の情報またはモジュールを整理するコンテナーに似たモジュールです。 任意のページでアコーディオン モジュールを使用します。
すべてのアコーディオン モジュール内に 1 つ以上のアコーディオン項目モジュールを追加します。 各アコーディオン項目モジュールは、折りたたみ可能なドロワーを表しています。 すべてのアコーディオン項目モジュール内に 1 つ以上のモジュールを追加します。 アコーディオン項目モジュールに追加できるモジュールの種類に制限はありません。
次の図は、よく寄せられる質問 (FAQ) ページの情報を整理するアコーディオン モジュールの例を示しています。
アコーディオン モジュールのプロパティ
| プロパティ名 | 値 | 説明 |
|---|---|---|
| ヘッダー | テキスト | アコーディオン モジュールの省略可能なテキスト見出しを入力します。 |
| すべて展開 | True または False | 値を True に設定した場合は、アコーディオン モジュール内のすべての項目を展開および折りたたむことができるように、展開/折りたたみ機能を有効にします。 |
| やり取りのスタイル | 単独または 単一の項目のみを展開する | アコーディオン項目の相互作用のスタイルを定義します。 値を [独立] に設定すると、各アコーディオン項目を個別に展開または折りたたむことができます。 値を [1 つの項目のみを展開する] に設定した場合、一度に展開できる項目は 1 つだけです。 項目が展開されると、これまで展開されていた項目が閉じられます。 |
アコーディオン項目モジュールのプロパティ
| プロパティ名 | 値 | 説明 |
|---|---|---|
| タイトル | テキスト | アコーディオン項目モジュールのタイトル テキストを入力します。 ユーザーがタイトル領域を選択すると、セクションを展開または折りたたむことができます。 |
| 既定で展開する | True または False | 値を True に設定すると、ページの読み込み時にアコーディオン項目が既定で展開されます。 |
アコーディオン モジュールを FAQ ページに追加する
FAQ ページにアコーディオン モジュールを追加し、サイト ビルダーでそのプロパティを設定するには、次の手順に従います。
- ページに移動し、Fabrikam マーケティング テンプレート (または制限のないテンプレート) を使用して、Store FAQ という名前の新しいページを作成します。
- 既定のページ の メイン スロットで、省略記号ボタン (...) を選択し、モジュールの追加 を選択します。
- モジュールの選択 ダイアログ ボックスで コンテナー モジュールを選択して、OK を選択します。
- コンテナー スロットの省略ボタン (...) を選択し、モジュールの追加 を選択します。
- モジュールの選択 ダイアログ ボックスで アコーディオン モジュールを選択して、OK を選択します。
- アコーディオン モジュールのプロパティ ウィンドウで、鉛筆の記号の横にある 見出し を選択します。
- 見出し ダイアログ ボックスの 見出しテキスト ボックスに、よく寄せられる質問を入力します。 その後、OK を選択します。
- アコーディオン モジュールのプロパティ ウィンドウで、すべてを展開する チェック ボックスをオンにし、相互作用スタイル フィールドで 単独 を選択します。
- アコーディオン スロットの省略ボタン (...) を選択し、モジュールの追加 を選択します。
- モジュールの選択 ダイアログ ボックスで アコーディオン 項目 モジュールを選択して、OK を選択します。
- アコーディオン項目モジュールのプロパティ ウィンドウで、タイトルにタイトル テキストを入力します (返品の仕組みなど ) 。
- アコーディオン項目スロットで、省略ボタン (...) を選択し、モジュールの追加 を選択します。
- モジュールの選択 ダイアログ ボックスで テキスト ブロック モジュールを選択して、OK を選択します。
- テキスト ブロックモジュールのプロパティ ウィンドウで、一段落分のテキストを入力します (たとえば、コールセンターを使用して、返品を処理する必要があります。返品については、1-800 ~ FABRIKAMに問い合わせてください。製品には、30日間の返品ポリシーが含まれています。返品は、この時間枠内で開始する必要があります)。
- アコーディオンスロットで 、アコーディオン項目のモジュールをいくつか追加します。 各アコーディオン項目モジュールで、コンテンツを含むテキスト ブロック モジュールを追加します。
- 保存 を選択し、 続いてプレビュー を選択してページをプレビューします。 このページには、追加したコンテンツを含むアコーディオン モジュールが表示されます。
- 編集の完了 を選択してページをチェックインし、 発行 を選択して公開します。