AEM CIF オーサリングの概要 getting-started

Adobe Experience Manager(AEM)CIF オーサリングについて説明します。

これまでの説明内容 story-so-far

AEM コンテンツとCommerce ジャーニーの前のドキュメント AEM コンテンツとCommerceについて ​ では、ヘッドレス CMSとAEM コンテンツおよびCommerceの基本概念を説明しました。

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

目的 objective

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

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

AEM ページエディターでの CIF オーサリング cif-authoring

CIF は、コンテキストを離れずにリアルタイムの製品データにアクセスできる機能を備えた AEM のページエディターを拡張します。

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

製品タイプを選択

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

製品タイプ

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

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

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

製品ピッカー product-picker

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

製品ピッカー

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

製品ピッカーフォルダー

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

製品ピッカーのバリアント

製品ピッカーのバリアントが開きます

カテゴリピッカー category-picker

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

カテゴリピッカー

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

カテゴリピッカー

製品コックピット cockpit

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

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

コマースメニュー項目

これは、接続されているすべての製品カタログのリストを表示します。

コックピット統合カタログ

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

コックピット製品カタログ

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

コックピット製品プロパティ

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

コックピット製品のバリアント

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

AEM オムニサーチ omnisearch

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

コマースメニュー項目

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

次の手順 what-is-next

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

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

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

その他のリソース additional-resources

ジャーニーの次のパートである ​ 製品カタログのページとテンプレートを管理 ​ に進むことをお勧めしますが、以下のリソースでは、ここで取り上げた概念について詳しく説明しています。 ただし、これらのオプションのリソースは、ジャーニーを続行するために必要なものではありません。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab