汎用 e コマースの管理

AEM の汎用ソリューションは、(外部の e コマースエンジンを使用するのではなく)リポジトリ内に保持されているコマース情報を管理する手段を提供します。これには以下が含まれます。

メモ

標準の AEM インストールには、汎用 AEM(JCR)e コマース実装が含まれています。

現時点では、デモンストレーション目的またはユーザーの要件に応じたカスタム実装の基盤として使用されています。

商品と商品バリエーション

メモ

以下の手順は、商品と商品バリエーションのどちらにも適用されます。

商品を作成する前に、基礎モードを定義する必要があります。基礎モードでは、商品の定義に必要なフィールドと、その編集方法を指定します。

基礎モードは、異なる商品タイプごとに必要です。次のどちらかの方法で、適切な基礎モードを商品に関連付けます。

  • path
  • 商品が基礎モードを参照できる
メモ

Geometrixx-Outdoors ストアの商品タイプは 1 つだけです(したがって基礎モードも次の場所に 1 つです)。

/etc/scaffolding/geometrixx-outdoors

Geometrixx-Outdoors の商品タイプは、次の場所でアクティブになっています。

/etc/commerce/products/geometrixx-outdoors

この場所の下のどこにでも、新しい商品定義を追加の設定なしで作成できます。

商品の読み込み

商品の読み込み - タッチ操作向け UI

  1. コマース​から​製品​コンソールに移動します。

  2. 製品​コンソールを使用して、必要な場所に移動します。

  3. 製品を読み込み​アイコンを使用すると、ウィザードが表示されます。

    chlimage_1-1

  4. 以下を指定します。

    • インポーター

      特定のコマースプロバイダーのインポーター(デフォルトはGeometrixx)。

    • ソース

      読み込むファイルブラウザーを使用してファイルを選択できます。

    • 増分読み込み

      これが(フルインポートではなく)増分インポートであるかどうかを示します。

    メモ

    (サンプル geometrixx-outdoor インポーターの)増分読み込みは、商品レベルで動作します。

    必要に応じて、カスタマイズされたインポーターが動作するように定義できます。

  5. 次へ」を選択して商品を読み込みます。実行されたアクションのログが表示されます。

    メモ

    商品は現在の場所、または現在の場所に相対的な場所に読み込まれます。

    メモ

    次へ」と「戻る」を繰り返し使用すると、商品定義が繰り返し読み込まれます。ただし、SKU が同じ場合は、リポジトリ内に存在する情報が上書きされるだけです。

  6. 完了」を選択して、ウィザードを閉じます。

商品の読み込み - クラシック UI

  1. ツール​コンソールを使用して、コマース​フォルダーを開きます。

  2. ダブルクリックして​製品インポーター​を開きます。

    chlimage_1-22

  3. 以下を指定します。

    • ストア名

      製品のインポート先:

      /etc/commerce/products/<*store name*>/

    • コマースプロバイダー

      コマースプロバイダーのインポーター;デフォルトのGeometrixx。

    • ソースファイル

      読み込むファイルのリポジトリ内の場所。

    • 増分読み込み

      これが(フルインポートではなく)増分インポートであるかどうかを示します。

  4. 製品を読み込み」をクリックします。

商品情報の作成

メモ

標準の商品管理は必要最小限です。Geometrixx-Outdoors の商品セットは、基本的なものだからです。複雑さは、製品スキャフォールドに基づいているので、独自の製品の足場を使用すれば、より高度な編集を実現できます。

商品情報の作成 - タッチ操作向け UI

  1. コマース​から)製品​コンソールを使用して、必要な場所に移動します。

  2. 作成​アイコンを使用して、(構造と場所に応じて)次のどちらかを選択します。

    • 製品を作成
    • 製品バリエーションを作成

    chlimage_1-14

  3. ウィザードが表示されます。「基本」タブと「製品」タブを使用して、新しい商品または製品バリアントの製品属性を入力します。

    メモ

    商品またはバリアントを作成するには、少なくとも​タイトル​と SKU が必要です。

  4. 作成」を選択して情報を保存します。

メモ

多くの商品は、幅広いカラーやサイズで提供されています。基本となる商品と関連する製品バリアントに関する情報は、どちらも​製品​コンソールから管理できます。

商品とそのバリアントはツリー構造として保存されます。商品情報が一番上にあり、バリアントがその下にあります(この構造は UI によって強制されます)。

商品情報の編集

メモ

geometrixx-outdoors の商品画像は、次の場所から供給されます。

/etc/commerce/products/...

つまり、デフォルトでは Dispatcher によって商品画像がブロックされるので、必要に応じて設定してください。

商品情報の編集 - タッチ操作向け UI

  1. コマース​から)製品​コンソールを使用して、商品情報に移動します。

  2. 次のいずれかを使用します。

    製品データを表示​アイコンを選択します。

    chlimage_1-3

  3. 製品属性が表示されます。「編集」と「完了」を使用して、変更があれば実行します。

商品リファレンスの表示

商品リファレンスの表示 - タッチ操作向け UI

  1. コマース​から)製品​コンソールを使用して、商品情報に移動します。

  2. 次のアイコンを使用して、参照のセカンダリレールを開きます。

    chlimage_1-4

  3. 必要な商品を選択します。セカンダリレールが更新され、使用可能な参照タイプが表示されます。

    chlimage_1-88

  4. 参照タイプ(商品ページなど)をクリックまたはタップして、リストを展開します。

  5. 特定の参照を選択すると、以下のオプションが表示されます。

    • 製品ページに移動
    • 製品ページを編集

    chlimage_1-89

商品の検索

  1. コマース​から​製品​コンソールに移動します。

  2. 次のアイコンを使用して、検索のセカンダリレールを開きます。

  3. 商品の検索に使用できるファセットがいくつか表示されます。検索には 1 つまたはいくつかのファセットだけを使用できます。見つかった商品が表示されます。

    chlimage_1-90

  4. 商品をクリックまたはタップして開きます。商品を公開したり、商品データを表示したりもできます。

CRXDE Lite を使用して、既存のファセットを変更したり、新しいファセットを追加したりできます。

  1. 次の URL に移動します。

    http://localhost:4502/crx/de/index.jsp#/libs/commerce/gui/content/products/aside/items/search/items/searchpanel/facets

  2. 例えば、商品の検索ページに表示するサイズを変更できます。sizegroupノードをクリックします。

  3. itemsノード」をクリックし、「propertypredicateノード」をクリックします。

  4. propertyValuesは変更できます。 例えば、XS または XXL を追加したり、サイズを削除したりできます。

  5. すべて保存」をクリックし、製品検索ページに移動します。 変更内容が表示されます。

複数アセット

商品コンポーネントに複数のアセットを追加して、商品ページに表示するアセットを指定できます。

メモ

複数アセットに関連する作業はすべて、タッチ操作向け UI で実行します。

複数アセットの追加

  1. コマース​から​製品​コンソールに移動します。

  2. 製品​コンソールを使用して、必要な製品に移動します。

    メモ

    バリアントレベルではなく商品レベルに移動する必要があります。

  3. 選択モードまたはクイックアクションを使用して、製品データを表示​アイコンをタップまたはクリックします。

  4. 編集アイコンをタップまたはクリックします。

  5. 追加」までスクロールします。

    chlimage_1-91

  6. 追加」をタップまたはクリックします。新しいアセットのプレースホルダーが表示されます。

  7. Change」をタップ/クリックすると、ダイアログが開き、アセットを選択できます。

  8. 追加するアセットを選択します。

    メモ

    選択できるアセットは、Assets のものです。

  9. 完了アイコンをタップまたはクリックします。

2 つのアセットが製品コンポーネントに保存されました。商品ページに表示するアセットを設定できます。この機能は、カテゴリシステムと連動しています。まず、個々のアセットにカテゴリを追加する必要があります。

  1. 表示製品データ」をタップまたはクリックします。

  2. アセットの下に​アセットカテゴリ​を入力します(例:cat1cat2)。

    メモ

    カテゴリにはタグも使用できます。

  3. 完了アイコンをタップまたはクリックします。今度は変更内容をロールアウトする必要があります。

製品コンポーネント内のアセットには、カテゴリがあります。表示するカテゴリを次の 3 種類のレベルで設定できます。

メモ

カテゴリを設定していない場合、最初のアセットが商品ページに表示されます。

表示する画像を選択する仕組みは次のとおりです。

  1. 商品ページ用にカテゴリが設定されているかどうかを確認します。
  2. 設定されていない場合、カタログ用にカテゴリが設定されているかどうかを確認します。
  3. 設定されていない場合、製品コンソール用にカテゴリが設定されているかどうかを確認します。
メモ

カタログレベルと製品コンソールレベルの両方で変更内容をロールアウトして、変更を適用し、商品ページ上で違いを確認する必要があります。

製品ページ

  1. 商品ページに移動します。
  2. 製品コンポーネントを​編集​します。
  3. 選択した​画像カテゴリ​を入力します(例:cat1)。
  4. 完了」をタップまたはクリックします。ページを更新すると、正しいアセットが表示されます。

カタログ

  1. カタログに移動します。
  2. プロパティを表示」をタップまたはクリックします。
  3. 編集」をタップまたはクリックします。
  4. アセット」タブをタップまたはクリックします。
  5. 必要な​製品アセットカテゴリ​を入力します。
  6. 完了」をタップまたはクリックします。
  7. 変更内容をロールアウトします。

製品コンソール

  1. 製品​コンソールを使用して、必要な製品に移動します。
  2. 表示製品データ」をタップまたはクリックします。
  3. 編集」をタップまたはクリックします。
  4. デフォルトのアセットカテゴリ​を入力します。
  5. 完了」をタップまたはクリックします。
  6. 変更内容をロールアウトします。

商品情報の公開/非公開

商品情報の公開/非公開 - タッチ操作向け UI

メモ

多くの場合、商品情報は商品を参照するページを通じて公開されます。例えば、製品Yを参照するページXを公開すると、AEMは製品Yも公開するかどうかを尋ねます。

特別なケースでは、AEMは製品データからの直接公開もサポートしています。

  1. コマース​から)製品​コンソールを使用して、商品情報に移動します。

  2. 次のいずれかを使用します。

    必要に応じて​公開​アイコンまたは​非公開​アイコンを選択します。

    chlimage_1-6 chlimage_1-7

    それぞれに応じて商品情報が公開または非公開になります。

製品フィード

Search&Promote 統合を使用すると、次のことができます。

  • 基になるリポジトリ構造やコマースプラットフォームと関係なく、e コマース API を使用する。
  • Search&Promote のインデックスコネクタ機能を利用して、XML 形式で製品フィードを提供する。
  • Search&Promote のリモート制御機能を利用して、製品フィードのオンデマンドリクエストまたはスケジュール済みリクエストを実行する。
  • クラウドサービス設定として指定された、様々な 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コンソールで確認できます。次に例を示します。

メモ

AEM](https://blogs.adobe.com/experiencedelivers/experience-management/event_handling_incq/)での[イベント処理も読み込みます。

カートへ追加リンクを含む画像コンポーネントを使用すると、画像上の商品にリンクされているホットスポットを作成することによって、商品を買い物かごにすばやく追加できます。

ホットスポットをクリックすると、商品のサイズと数量を選択できるダイアログが表示されます。

  1. コンポーネントを追加するページに移動します。

  2. コンポーネントをページにドラッグ&ドロップします。

  3. アセットブラウザーからコンポーネントに画像をドラッグ&ドロップします。

  4. 次のいずれかを実行できます。

    • コンポーネントをクリックし、「編集」アイコンをクリックします
    • ゆっくりとダブルクリックする
  5. フルスクリーンアイコンをクリックします。

    chlimage_1-92

  6. ローンチマップアイコンをクリックします。

    chlimage_1-93

  7. 形状アイコンのいずれかをクリックします。

    chlimage_1-21

  8. 必要に応じて形状を変更および移動します。

  9. 形状をクリックします。

  10. 参照アイコンをクリックすると、アセットピッカーが表示されます。

    メモ

    または、商品パスを直接入力できます。商品パスは、バリアントレベルではなく商品レベルである必要があります。

    chlimage_1-94

  11. 確認アイコンを 2 回クリックしてから、「フルスクリーンを終了」をクリックします。

  12. ページ上でコンポーネントの横の任意の場所をクリックします。ページが更新され、画像の上に次の記号が表示されます。

  13. プレビューモードに切り替えます。

  14. 「+」ホットスポットをクリックします。ダイアログが開き、パス​に入力した製品のサイズと数量を選択できます。

    chlimage_1-95

  15. サイズと数量を入力します。

  16. 「カートへ追加」ボタンをクリックします。ダイアログが閉じます。

  17. 買い物かごに移動します。商品が入っているはずです。

設定オプション

ホットスポットをクリックしたときのダイアログの表示を設定できます。

  1. コンポーネントをクリックして、設定アイコンをクリックします。

    chlimage_1-96

  2. 下にスクロールします。「カートへ追加」タブがあります。

    chlimage_1-97

  3. カートへ追加」タブをクリックします。3 つの設定オプションを使用できます。

    chlimage_1-98

  4. 完了アイコンをクリックします。

カタログ

カタログの生成

カタログの生成 - タッチ操作向け UI

メモ

カタログは、商品データを参照します。

カタログを生成するには:

  1. サイトコンソールを開きます(例:http://localhost:4502/sites.html/content)。

  2. 新しいページを作成する場所に移動します。

  3. オプションリストを開くには、作成​アイコンを使用します。

  4. リストから「カタログを作成」を選択し、カタログを作成ウィザードが開きます。

    chlimage_1-99

  5. 必要なカタログのブループリントに移動します。

  6. 選択」ボタンをタップまたはクリックし、必要なカタログのブループリントをタップまたはクリックします。

  7. 次へ」をタップまたはクリックします。

    chlimage_1-100

  8. タイトル​と​名前​を入力します。

  9. 作成」ボタンをタップまたはクリックします。カタログが作成され、ダイアログが表示されます。

    chlimage_1-101

  10. 完了」ボタンをタップまたはクリックすると、サイトコンソールに戻り、カタログを表示することができます。

    カタログを開く」ボタンをタップまたはクリックすると、カタログが開きます(例:http://localhost:4502/editor.html/content/test-catalog.html)。

カタログの生成 - クラシック UI

メモ

カタログは、商品データを参照します。

  1. Web サイト​コンソールを使用して、カタログのブループリント​に移動し、基本カタログに移動します。

    次に例を示します。

    http://localhost:4502/siteadmin#/content/catalogs/geometrixx-outdoors/base-catalog

  2. セクションのブループリント​テンプレートを使用して新規ページを作成します。

    例: Swimwear

  3. 新しいSwimwearページを開き、Blueprint​を編集をクリックして​プロパティ​ダイアログを開きます。このダイアログで、製品​の選択を設定できます。

    例えば、「タグ/キーワード」フィールドを開いてアクティビティを選択し、Geometrixx-Outdoors セクションから「Swimming」を選択します。

  4. OK」をクリックしてプロパティを保存します。サンプルの商品が、ブループリントページの「製品の選択条件」の下に表示されます。

  5. ロールアウトの変更…」をクリックし、「ページとすべてのサブページをロールアウト」を選択して、「次へ」をクリックしてから「ロールアウト」をクリックします。ロールアウトが正常に完了すると、ステータス​インジケータが緑色で表示されます。

  6. 閉じる」をクリックして、次の場所およびその下にある新しいカタログセクションを確認します。

    http://localhost:4502/cf#/content/geometrixx-outdoors/en/swimwear.html

  7. ブループリントページで再び「ブループリントを編集」をクリックし、プロパティ​ダイアログで「生成されたページ」タブを開きます。バナーリストフィールドで、表示する画像を選択します(例:summer.jpg)。

  8. OK」をクリックしてプロパティを保存します。バナー情報が、ブループリントページの「製品の選択条件」の下に表示されます。

  9. これらの新しい変更をロールアウトします。

カタログのロールアウト

カタログのロールアウト - タッチ操作向け UI

カタログをロールアウトするには:

  1. コマース​を介して、<a0/>カタログ​コンソールに移動します。

  2. ロールアウトするカタログに移動します。

  3. 次のいずれかを使用します。

    ロールアウトの変更​アイコンを選択します。

  4. ウィザードで、必要に応じてロールアウトを設定し、[ロールアウト変更]をタップまたはクリックします。

  5. ダイアログが表示されます。処理が終了したら、「完了」をタップまたはクリックします。

カタログのロールアウト - クラシック UI

カタログをロールアウトするには:

  1. ロールアウトするカタログに移動します。 次に例を示します。

    http://localhost:4502/cf#/content/catalogs/geometrixx-outdoors/base-catalog.html

  2. ロールアウトの変更…」をクリックします。

  3. 必要に応じてロールアウトを設定します。

  4. ロールアウト」をクリックします。

ブループリントインポーター

ブループリントインポーター - タッチ操作向け UI

  1. コマース​を介して、<a0/>カタログ​コンソールに移動します。

  2. カタログのブループリントを読み込む場所に移動します。

  3. ブループリントを読み込み​アイコンをタップまたはクリックします。

  4. ウィザードで、必要に応じてソースを選択し、「次へ」をタップまたはクリックします。

    chlimage_1-340

  5. 読み込みが終了したら、「完了」をタップまたはクリックします。

ブループリントインポーター - クラシック UI

  1. ツール​コンソールを使用して、コマース​に移動します。

    次に例を示します。

    http://localhost:4502/miscadmin#/etc/commerce

  2. カタログブループリントインポーター​を開きます。

  3. 必要に応じて読み込みを設定します。

  4. カタログのブループリントを読み込み」をクリックします。

プロモーション

プロモーションの作成

プロモーションの作成 - クラシック UI

メモ

次の例では、キャンペーン内に直接保持されているプロモーションを扱います。このキャンペーンは、割引券に使用されます。

プロモーションは、キャンペーン内のエクスペリエンスに含めることもできます。

詳しくは、プロモーションと割引券を参照してください。

  1. オーサーインスタンスの Web サイト​コンソールを開きます。

  2. 左側のパネルで、必要な​キャンペーン​を選択します。

  3. 新規」をクリックし、プロモーション​テンプレートを選択して、新しい割引券の​タイトル(および必要な場合は​名前)を指定します。

  4. 作成」をクリックします。新しいプロモーションページが右側のパネルに表示されます。

  5. 次のどちらかの方法で、プロパティ​を編集します。

    • このページを開き、「編集」ボタンをクリックしてプロパティダイアログを表示する
    • Web サイトコンソールでこのページを選択し、コンテキストメニュー(通常はマウスの右ボタン)を使用して「プロパティ…」を選択し、プロパティダイアログを表示する

    プロモーションタイプ」、「割引のタイプ」、「割引値」およびその他すべてのフィールドを必要に応じて指定します。

  6. OK」をクリックして保存します。

  7. これでプロモーションをアクティベートできるので、パブリッシュインスタンス上でプロモーションが買い物客に表示されます。

割引券

割引券の作成

割引券の作成 - クラシック UI

  1. オーサーインスタンスの Web サイト​コンソールを開きます。

  2. 左側のパネルで、必要な​キャンペーン​を選択します。

  3. 新規」をクリックし、割引券​テンプレートを選択して、新しい割引券の​タイトル(および必要な場合は​名前)を指定します。

  4. 作成」をクリックします。新しい割引券ページが右側のパネルに表示されます。

  5. ダブルクリックして新しい割引券ページを開き、「編集」をクリックして、必要に応じて情報を設定します。

  6. OK」をクリックして保存します。

  7. これで割引券をアクティベートできるので、買い物客はパブリッシュインスタンス上でこの割引券を買い物かごに入れて使用できます。

割引券の削除

割引券の削除 - クラシック UI

顧客が割引券を利用できないようにするには、次のどちらかの方法を実行します。

  • 割引券のアクティベートを解除する - オーサー環境では引き続き利用可能なので、後で再アクティベートできます。
  • 完全に削除する。

どちらのアクションも、Web サイト​コンソールから実行できます。

割引券の変更

割引券の変更 - クラシック UI

割引券またはプロモーションのプロパティを変更するには、Web サイト​コンソールでその割引券またはプロモーションをダブルクリックし、「編集」をクリックします。保存後、変更がパブリッシュインスタンスにプッシュされるように、アクティベートする必要があります。

買い物かごへの割引券の追加

ユーザーが買い物かごに割引券を追加できるようにするには、組み込みの​割引券​コンポーネント(コマースカテゴリ)を使用します。このコンポーネントを、買い物かごが表示されているのと同じページに追加する必要があります(ただし必須ではありません)。ほとんどの場合、割引券コンポーネントはユーザーが割引券コードを入力できるフォームにすぎません。適用された割引券とその割引の一覧を実際に表示するのは、買い物かごコンポーネントです。

デモサイト(Geometrixx Outdoors - English)では、買い物かごページの実際の買い物かごの下に、割引券フォームが表示されます。

注文回数

メモ

デフォルトの AEM には、マーチャンダイズの返送、注文ステータスの更新、受け渡しの実行、納品書の生成など、注文に関連する標準機能に必要なアクションがないことを思い出してください。主な目的は技術のプレビューです。

AEMの一般的な注文管理は、基本的なものとして保たれています。ウィザードで使用できるフィールドは、スキャフォールドに応じて異なります。
/etc/scaffolding/geometrixx-outdoors/order/jcr:content/cq:dialog

カスタマイズされた基礎モードを作成する場合は、さらに多くの注文情報を保存できます。

メモ

注文コンソールには、公開されることのないベンダーの注文情報が表示されます。

顧客の注文情報はそのホームディレクトリに保持され、顧客のアカウントの注文履歴で公開されます。この情報は、ホームディレクトリの残りの情報とともに公開されます。

注文情報の作成

注文情報の作成 - タッチ操作向け UI

  1. 注文​コンソールを使用して、必要な場所に移動します。

  2. 作成​アイコンを使用して、「注文を作成」を選択します。

  3. ウィザードが表示されます。「基本」、「コンテンツ」、「支払い」および「受渡」タブを使用して、新しい注文に関する情報を入力します。

  4. 作成」を選択して情報を保存します。

注文情報の編集

注文情報の編集 - タッチ操作向け UI

  1. 注文​コンソールを使用して、注文に移動します。

  2. 次のいずれかを使用します。

    注文データを表示​アイコンを選択します。

  3. 注文情報が表示されます。「編集」と「完了」を使用して、変更があれば実行します。

このページ