AEM の汎用ソリューションは、(外部の e コマースエンジンを使用するのではなく)リポジトリ内に保持されているコマース情報を管理する手段を提供します。これには以下が含まれます。
標準の AEM インストールには、汎用 AEM(JCR)e コマース実装が含まれています。
現時点では、デモンストレーション目的またはユーザーの要件に応じたカスタム実装の基盤として使用されています。
以下の手順は、商品と商品バリエーションのどちらにも適用されます。
商品を作成する前に、基礎モードを定義する必要があります。基礎モードでは、商品の定義に必要なフィールドと、その編集方法を指定します。
基礎モードは、異なる商品タイプごとに必要です。次のどちらかの方法で、適切な基礎モードを商品に関連付けます。
Geometrixx-Outdoors ストアの商品タイプは 1 つだけです(したがって基礎モードも次の場所に 1 つです)。
/etc/scaffolding/geometrixx-outdoors
Geometrixx-Outdoors の商品タイプは、次の場所でアクティブになっています。
/etc/commerce/products/geometrixx-outdoors
この場所の下のどこにでも、新しい商品定義を追加の設定なしで作成できます。
コマースから製品コンソールに移動します。
製品コンソールを使用して、必要な場所に移動します。
製品を読み込みアイコンを使用すると、ウィザードが表示されます。
以下を指定します。
インポーター
特定のコマースプロバイダーのインポーター(デフォルトはGeometrixx
)。
ソース
読み込むファイルブラウザーを使用してファイルを選択できます。
増分読み込み
これが(フルインポートではなく)増分インポートであるかどうかを示します。
(サンプル geometrixx-outdoor インポーターの)増分読み込みは、商品レベルで動作します。
必要に応じて、カスタマイズされたインポーターが動作するように定義できます。
「次へ」を選択して商品を読み込みます。実行されたアクションのログが表示されます。
商品は現在の場所、または現在の場所に相対的な場所に読み込まれます。
「次へ」と「戻る」を繰り返し使用すると、商品定義が繰り返し読み込まれます。ただし、SKU が同じ場合は、リポジトリ内に存在する情報が上書きされるだけです。
「完了」を選択して、ウィザードを閉じます。
ツールコンソールを使用して、コマースフォルダーを開きます。
ダブルクリックして製品インポーターを開きます。
以下を指定します。
ストア名
製品のインポート先:
/etc/commerce/products/<*store name*>/
コマースプロバイダー
コマースプロバイダーのインポーター;デフォルトのGeometrixx。
ソースファイル
読み込むファイルのリポジトリ内の場所。
増分読み込み
これが(フルインポートではなく)増分インポートであるかどうかを示します。
「製品を読み込み」をクリックします。
標準の商品管理は必要最小限です。Geometrixx-Outdoors の商品セットは、基本的なものだからです。複雑さは、製品スキャフォールドに基づいているので、独自の製品の足場を使用すれば、より高度な編集を実現できます。
(コマースから)製品コンソールを使用して、必要な場所に移動します。
作成アイコンを使用して、(構造と場所に応じて)次のどちらかを選択します。
ウィザードが表示されます。「基本」タブと「製品」タブを使用して、新しい商品または製品バリアントの製品属性を入力します。
商品またはバリアントを作成するには、少なくともタイトルと SKU が必要です。
「作成」を選択して情報を保存します。
多くの商品は、幅広いカラーやサイズで提供されています。基本となる商品と関連する製品バリアントに関する情報は、どちらも製品コンソールから管理できます。
商品とそのバリアントはツリー構造として保存されます。商品情報が一番上にあり、バリアントがその下にあります(この構造は UI によって強制されます)。
geometrixx-outdoors の商品画像は、次の場所から供給されます。
/etc/commerce/products/...
つまり、デフォルトでは Dispatcher によって商品画像がブロックされるので、必要に応じて設定してください。
(コマースから)製品コンソールを使用して、商品情報に移動します。
次のいずれかを使用します。
製品データを表示アイコンを選択します。
製品属性が表示されます。「編集」と「完了」を使用して、変更があれば実行します。
(コマースから)製品コンソールを使用して、商品情報に移動します。
次のアイコンを使用して、参照のセカンダリレールを開きます。
必要な商品を選択します。セカンダリレールが更新され、使用可能な参照タイプが表示されます。
参照タイプ(商品ページなど)をクリックまたはタップして、リストを展開します。
特定の参照を選択すると、以下のオプションが表示されます。
コマースから製品コンソールに移動します。
次のアイコンを使用して、検索のセカンダリレールを開きます。
商品の検索に使用できるファセットがいくつか表示されます。検索には 1 つまたはいくつかのファセットだけを使用できます。見つかった商品が表示されます。
商品をクリックまたはタップして開きます。商品を公開したり、商品データを表示したりもできます。
CRXDE Lite を使用して、既存のファセットを変更したり、新しいファセットを追加したりできます。
次の URL に移動します。
http://localhost:4502/crx/de/index.jsp#/libs/commerce/gui/content/products/aside/items/search/items/searchpanel/facets
例えば、商品の検索ページに表示するサイズを変更できます。sizegroup
ノードをクリックします。
「items
ノード」をクリックし、「propertypredicate
ノード」をクリックします。
propertyValues
は変更できます。 例えば、XS または XXL を追加したり、サイズを削除したりできます。
「すべて保存」をクリックし、製品検索ページに移動します。 変更内容が表示されます。
商品コンポーネントに複数のアセットを追加して、商品ページに表示するアセットを指定できます。
複数アセットに関連する作業はすべて、タッチ操作向け UI で実行します。
コマースから製品コンソールに移動します。
製品コンソールを使用して、必要な製品に移動します。
バリアントレベルではなく商品レベルに移動する必要があります。
選択モードまたはクイックアクションを使用して、製品データを表示アイコンをタップまたはクリックします。
編集アイコンをタップまたはクリックします。
「追加」までスクロールします。
「追加」をタップまたはクリックします。新しいアセットのプレースホルダーが表示されます。
「Change」をタップ/クリックすると、ダイアログが開き、アセットを選択できます。
追加するアセットを選択します。
選択できるアセットは、Assets のものです。
完了アイコンをタップまたはクリックします。
2 つのアセットが製品コンポーネントに保存されました。商品ページに表示するアセットを設定できます。この機能は、カテゴリシステムと連動しています。まず、個々のアセットにカテゴリを追加する必要があります。
「表示製品データ」をタップまたはクリックします。
アセットの下にアセットカテゴリを入力します(例:cat1
、cat2
)。
カテゴリにはタグも使用できます。
完了アイコンをタップまたはクリックします。今度は変更内容をロールアウトする必要があります。
製品コンポーネント内のアセットには、カテゴリがあります。表示するカテゴリを次の 3 種類のレベルで設定できます。
カテゴリを設定していない場合、最初のアセットが商品ページに表示されます。
表示する画像を選択する仕組みは次のとおりです。
カタログレベルと製品コンソールレベルの両方で変更内容をロールアウトして、変更を適用し、商品ページ上で違いを確認する必要があります。
cat1
)。多くの場合、商品情報は商品を参照するページを通じて公開されます。例えば、製品Yを参照するページXを公開すると、AEMは製品Yも公開するかどうかを尋ねます。
特別なケースでは、AEMは製品データからの直接公開もサポートしています。
(コマースから)製品コンソールを使用して、商品情報に移動します。
次のいずれかを使用します。
必要に応じて公開アイコンまたは非公開アイコンを選択します。
それぞれに応じて商品情報が公開または非公開になります。
Search&Promote 統合を使用すると、次のことができます。
詳しくは、製品フィードを参照してください。
商品が追加、変更または削除された場合や、商品ページが追加、変更または削除された場合にイベントを記録するイベントハンドラーがあります。次の OSGi イベントが用意されています。
com/adobe/cq/commerce/pim/PRODUCT_ADDED
com/adobe/cq/commerce/pim/PRODUCT_MODIFIED
com/adobe/cq/commerce/pim/PRODUCT_DELETED
com/adobe/cq/commerce/pim/PRODUCT_PAGE_ADDED
com/adobe/cq/commerce/pim/PRODUCT_PAGE_MODIFIED
com/adobe/cq/commerce/pim/PRODUCT_PAGE_DELETED
PRODUCT_*
イベントの場合、パスは/etc/commerce/products
内の基本製品を指します。 PRODUCT_PAGE_*
イベントーの場合、パスはcq:Page
ノードを指します。
これらは、OSGIイベント(/system/console/events
)のWebコンソールで確認できます。次に例を示します。
カートへ追加リンクを含む画像コンポーネントを使用すると、画像上の商品にリンクされているホットスポットを作成することによって、商品を買い物かごにすばやく追加できます。
ホットスポットをクリックすると、商品のサイズと数量を選択できるダイアログが表示されます。
コンポーネントを追加するページに移動します。
コンポーネントをページにドラッグ&ドロップします。
アセットブラウザーからコンポーネントに画像をドラッグ&ドロップします。
次のいずれかを実行できます。
フルスクリーンアイコンをクリックします。
ローンチマップアイコンをクリックします。
形状アイコンのいずれかをクリックします。
必要に応じて形状を変更および移動します。
形状をクリックします。
参照アイコンをクリックすると、アセットピッカーが表示されます。
または、商品パスを直接入力できます。商品パスは、バリアントレベルではなく商品レベルである必要があります。
確認アイコンを 2 回クリックしてから、「フルスクリーンを終了」をクリックします。
ページ上でコンポーネントの横の任意の場所をクリックします。ページが更新され、画像の上に次の記号が表示されます。
プレビューモードに切り替えます。
「+」ホットスポットをクリックします。ダイアログが開き、パスに入力した製品のサイズと数量を選択できます。
サイズと数量を入力します。
「カートへ追加」ボタンをクリックします。ダイアログが閉じます。
買い物かごに移動します。商品が入っているはずです。
ホットスポットをクリックしたときのダイアログの表示を設定できます。
コンポーネントをクリックして、設定アイコンをクリックします。
下にスクロールします。「カートへ追加」タブがあります。
「カートへ追加」タブをクリックします。3 つの設定オプションを使用できます。
完了アイコンをクリックします。
カタログは、商品データを参照します。
カタログを生成するには:
サイトコンソールを開きます(例:http://localhost:4502/sites.html/content)。
新しいページを作成する場所に移動します。
オプションリストを開くには、作成アイコンを使用します。
リストから「カタログを作成」を選択し、カタログを作成ウィザードが開きます。
必要なカタログのブループリントに移動します。
「選択」ボタンをタップまたはクリックし、必要なカタログのブループリントをタップまたはクリックします。
「次へ」をタップまたはクリックします。
タイトルと名前を入力します。
「作成」ボタンをタップまたはクリックします。カタログが作成され、ダイアログが表示されます。
「完了」ボタンをタップまたはクリックすると、サイトコンソールに戻り、カタログを表示することができます。
「カタログを開く」ボタンをタップまたはクリックすると、カタログが開きます(例:http://localhost:4502/editor.html/content/test-catalog.html
)。
カタログは、商品データを参照します。
Web サイトコンソールを使用して、カタログのブループリントに移動し、基本カタログに移動します。
次に例を示します。
http://localhost:4502/siteadmin#/content/catalogs/geometrixx-outdoors/base-catalog
セクションのブループリントテンプレートを使用して新規ページを作成します。
例: Swimwear
新しいSwimwear
ページを開き、Blueprintを編集をクリックしてプロパティダイアログを開きます。このダイアログで、製品の選択を設定できます。
例えば、「タグ/キーワード」フィールドを開いてアクティビティを選択し、Geometrixx-Outdoors セクションから「Swimming」を選択します。
「OK」をクリックしてプロパティを保存します。サンプルの商品が、ブループリントページの「製品の選択条件」の下に表示されます。
「ロールアウトの変更…」をクリックし、「ページとすべてのサブページをロールアウト」を選択して、「次へ」をクリックしてから「ロールアウト」をクリックします。ロールアウトが正常に完了すると、ステータスインジケータが緑色で表示されます。
「閉じる」をクリックして、次の場所およびその下にある新しいカタログセクションを確認します。
http://localhost:4502/cf#/content/geometrixx-outdoors/en/swimwear.html
ブループリントページで再び「ブループリントを編集」をクリックし、プロパティダイアログで「生成されたページ」タブを開きます。バナーリストフィールドで、表示する画像を選択します(例:summer.jpg
)。
「OK」をクリックしてプロパティを保存します。バナー情報が、ブループリントページの「製品の選択条件」の下に表示されます。
これらの新しい変更をロールアウトします。
カタログをロールアウトするには:
コマースを介して、<a0/>カタログコンソールに移動します。
ロールアウトするカタログに移動します。
次のいずれかを使用します。
ロールアウトの変更アイコンを選択します。
ウィザードで、必要に応じてロールアウトを設定し、[ロールアウト変更]をタップまたはクリックします。
ダイアログが表示されます。処理が終了したら、「完了」をタップまたはクリックします。
カタログをロールアウトするには:
ロールアウトするカタログに移動します。 次に例を示します。
http://localhost:4502/cf#/content/catalogs/geometrixx-outdoors/base-catalog.html
「ロールアウトの変更…」をクリックします。
必要に応じてロールアウトを設定します。
「ロールアウト」をクリックします。
コマースを介して、<a0/>カタログコンソールに移動します。
カタログのブループリントを読み込む場所に移動します。
ブループリントを読み込みアイコンをタップまたはクリックします。
ウィザードで、必要に応じてソースを選択し、「次へ」をタップまたはクリックします。
読み込みが終了したら、「完了」をタップまたはクリックします。
ツールコンソールを使用して、コマースに移動します。
次に例を示します。
http://localhost:4502/miscadmin#/etc/commerce
カタログブループリントインポーターを開きます。
必要に応じて読み込みを設定します。
「カタログのブループリントを読み込み」をクリックします。
次の例では、キャンペーン内に直接保持されているプロモーションを扱います。このキャンペーンは、割引券に使用されます。
プロモーションは、キャンペーン内のエクスペリエンスに含めることもできます。
詳しくは、プロモーションと割引券を参照してください。
オーサーインスタンスの Web サイトコンソールを開きます。
左側のパネルで、必要なキャンペーンを選択します。
「新規」をクリックし、プロモーションテンプレートを選択して、新しい割引券のタイトル(および必要な場合は名前)を指定します。
「作成」をクリックします。新しいプロモーションページが右側のパネルに表示されます。
次のどちらかの方法で、プロパティを編集します。
「プロモーションタイプ」、「割引のタイプ」、「割引値」およびその他すべてのフィールドを必要に応じて指定します。
「OK」をクリックして保存します。
これでプロモーションをアクティベートできるので、パブリッシュインスタンス上でプロモーションが買い物客に表示されます。
オーサーインスタンスの Web サイトコンソールを開きます。
左側のパネルで、必要なキャンペーンを選択します。
「新規」をクリックし、割引券テンプレートを選択して、新しい割引券のタイトル(および必要な場合は名前)を指定します。
「作成」をクリックします。新しい割引券ページが右側のパネルに表示されます。
ダブルクリックして新しい割引券ページを開き、「編集」をクリックして、必要に応じて情報を設定します。
「OK」をクリックして保存します。
これで割引券をアクティベートできるので、買い物客はパブリッシュインスタンス上でこの割引券を買い物かごに入れて使用できます。
顧客が割引券を利用できないようにするには、次のどちらかの方法を実行します。
どちらのアクションも、Web サイトコンソールから実行できます。
割引券またはプロモーションのプロパティを変更するには、Web サイトコンソールでその割引券またはプロモーションをダブルクリックし、「編集」をクリックします。保存後、変更がパブリッシュインスタンスにプッシュされるように、アクティベートする必要があります。
ユーザーが買い物かごに割引券を追加できるようにするには、組み込みの割引券コンポーネント(コマースカテゴリ)を使用します。このコンポーネントを、買い物かごが表示されているのと同じページに追加する必要があります(ただし必須ではありません)。ほとんどの場合、割引券コンポーネントはユーザーが割引券コードを入力できるフォームにすぎません。適用された割引券とその割引の一覧を実際に表示するのは、買い物かごコンポーネントです。
デモサイト(Geometrixx Outdoors - English)では、買い物かごページの実際の買い物かごの下に、割引券フォームが表示されます。
デフォルトの AEM には、マーチャンダイズの返送、注文ステータスの更新、受け渡しの実行、納品書の生成など、注文に関連する標準機能に必要なアクションがないことを思い出してください。主な目的は技術のプレビューです。
AEMの一般的な注文管理は、基本的なものとして保たれています。ウィザードで使用できるフィールドは、スキャフォールドに応じて異なります。
/etc/scaffolding/geometrixx-outdoors/order/jcr:content/cq:dialog
カスタマイズされた基礎モードを作成する場合は、さらに多くの注文情報を保存できます。
注文コンソールには、公開されることのないベンダーの注文情報が表示されます。
顧客の注文情報はそのホームディレクトリに保持され、顧客のアカウントの注文履歴で公開されます。この情報は、ホームディレクトリの残りの情報とともに公開されます。
注文コンソールを使用して、必要な場所に移動します。
作成アイコンを使用して、「注文を作成」を選択します。
ウィザードが表示されます。「基本」、「コンテンツ」、「支払い」および「受渡」タブを使用して、新しい注文に関する情報を入力します。
「作成」を選択して情報を保存します。