AEM CIF オーサリングの概要

AEM CIF オーサリングについて説明します。

これまでの説明内容

AEM Content and Commerce ジャーニーの前のドキュメント(AEM Content and Commerce の詳細)では、ヘッドレス CMS とは何かに関する基本理論を確認し、AEM Content and Commerce の基本概念を理解しました。

この記事は、これらの基本事項に基づいて作成されています。

目的

このドキュメントでは、Content and Commerce 特有のオーサリングに CIF を使用する方法を確認します。読み終えると、次のことができるようになります。

  • ユニバーサルエディターを使用した CIF オーサリングの概念
  • 製品およびカテゴリの選択機能を使用して AEM の製品カタログデータにアクセスする方法
  • 製品コックピットおよび AEM オムニサーチを使用して Content and Commerce のデータにアクセスする方法

ユニバーサルエディターでの CIF オーサリング

CIF はユニバーサルエディターを拡張し、コンテキストを離れることなく、リアルタイムの製品データにアクセスできる機能を提供します。

サイドパネルを開き、ドロップダウンから「製品」を選択します。
製品タイプを選択

製品カタログを参照するか、全文検索フィールドを使用して製品を検索できます。
製品タイプ

製品は、製品ティーザーコンポーネントを自動的に作成するページ上に、製品ドロップをサポートするコンポーネント(製品ティーザー、製品カルーセルなど)に直接ドロップできます。

製品およびカテゴリの選択

AEM 作成者は、コマースコンポーネントや AEM のバックオフィスダイアログで製品およびカテゴリデータが必要な場合、UI 要素であるピッカーを使用して、製品カタログデータを快適に検索して選択できます。

製品ピッカー

フォルダーアイコンをクリックすると、ピッカーモーダル UI(製品ティーザーなど)が開きます。
製品ピッカー

製品は、左側のカタログ構造を参照するか、検索して見つけることができます。フルテキスト検索では、選択したカテゴリが適用され、検索結果がこのカテゴリに限定されます。
製品ピッカーフォルダー

バリエーションを持つ製品には、すべてのバリエーションを表示するためにクリックできるフォルダーアイコンが付きます。
製品ピッカーのバリエーション
製品ピッカーのバリアントが開きます

カテゴリピッカー

製品ピッカーのように機能します。 フォルダーアイコンをクリックすると、ピッカーモーダル UI(カテゴリカルーセルなど)が開きます。
カテゴリピッカー

左側のカタログ構造を参照し、カテゴリを選択します。
カテゴリピッカー

製品コックピット

製品コックピットは、エンリッチメントされたコンテンツを含む製品カタログにすばやくアクセスするための中心的な場所です。次のモジュールの 1 つで、製品データをコンテンツでエンリッチメントする方法を学習します。ここでは、製品データへのアクセスに焦点を当てます。

メインメニューで「コマース」をクリックし、添付されているすべての製品カタログのリストを表示します。
コマースメニュー項目

これは、すべての接続製品カタログのリストを表示します。
コックピット統合カタログ

製品カタログでは、すべての第 1 レベルのカテゴリを、すべての製品とともにデフォルトで表示します。1 つのカテゴリをクリックすると、そのカテゴリが開き、関連するすべての製品とサブカテゴリ(製品を含む)が表示されます。
コックピット製品カタログ

プロパティアイコンをクリックして、製品プロパティを開くことができます。 アイコンは、製品タイルにカーソルを合わせると表示されます。
コックピット製品プロパティ

接続されたバックエンドからデータがリアルタイムで読み込まれるので、すべての製品プロパティは読み取り専用です。製品プロパティの変更は、レコードがあるシステムであるバックエンドシステムで行う必要があります。「バリアント」タブは、製品にバリエーションがある場合にのみ表示されます。タブをクリックすると、すべてのバリエーションとその属性が表示されます。
コックピット製品のバリアント

残りのタブには、製品に関連付けられているすべての AEM コンテンツが表示されます。次のモジュールの 1 つで、これらのタブについて説明します。

AEM オムニサーチ

オムニサーチを使用すると、全文検索を使用して AEM コンテンツを簡単に見つけることができます。CIF は、製品カタログとその関連する AEM コンテンツの全文検索で、オムニサーチを拡張します。
コマースメニュー項目

オムニサーチは、コマースバックエンドで全文検索を実行し、関連するすべての製品を検索します。結果は、 すべての製品を表示 に表示されます。オムニサーチでは、検索した製品に関連付けられたコンテンツを AEM で検索します。結果は、それぞれの AEM カテゴリに表示されます。この例では、1 つのコンテンツフラグメントが製品に関連付けられています。

次の手順

これで、ジャーニーのこのステップが完了しました。次のことを行う必要があります。

  • ユニバーサルエディターを使用した CIF オーサリングの概念
  • 製品およびカテゴリの選択機能を使用して AEM の製品カタログにアクセスする方法
  • 製品コックピットおよび AEM オムニサーチを使用して Content and Commerce のデータにアクセスする方法

この知識に基づいて、次は 製品カタログのページとテンプレートを管理 のドキュメントを確認して、ジャーニーを続行してください。そこでは、製品カタログのエクスペリエンスを初めて作成およびカスタマイズする方法を習得します。

その他のリソース

製品カタログのページとテンプレートの管理 のドキュメントを確認して、ジャーニーの次のパートに進むことをお勧めしますが、以下のリソースではこのドキュメントで取り上げた概念についてより詳しく説明しています。追加的なオプションであり、ジャーニーを続ける上で必須のリソースではありません。

このページ