汎用 e コマースの管理 administering-generic-ecommerce

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

NOTE
標準の AEM インストールには、汎用 AEM(JCR)e コマース実装が含まれています。
これは、デモンストレーション目的またはユーザーの要件に応じたカスタム実装の基盤として使用されています。

商品と商品バリエーション products-and-product-variations

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

製品を作成する前に、基礎モードを定義します。これにより、製品を定義する必要なフィールドと、その編集方法が指定されます。

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

  • path
  • 商品が基礎モードを参照できる
NOTE
Geometrixx-Outdoors ストアの商品タイプは 1 つだけです(したがって基礎モードも次の場所に 1 つです)。
/etc/scaffolding/geometrixx-outdoors
Geometrixx-Outdoors の商品タイプは、次の場所でアクティブになっています。
/etc/commerce/products/geometrixx-outdoors
その下であれば、新しい製品定義を追加の設定なしで作成できます。

商品の読み込み importing-products

商品の読み込み - タッチ操作向け UI importing-products-touch-optimized-ui

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

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

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

    「製品を読み込み」アイコン

  4. 以下を指定します。

    • インポーター

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

    • ソース

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

    • 増分読み込み

      (完全インポートではなく)増分インポートかどうかを示します。

    note note
    NOTE
    (サンプル geometrixx-outdoor インポーターの)増分読み込みは、商品レベルで動作します。
    必要に応じて、カスタマイズされたインポーターが動作するように定義できます。
  5. 次へ」を選択して製品を読み込みます。実行されたアクションのログが表示されます。

    note note
    NOTE
    製品は現在の場所、または現在の場所に相対的な場所に読み込まれます。
    note note
    NOTE
    次へ」と「戻る」を繰り返し使用すると、製品定義が繰り返し読み込まれます。ただし、SKU が同じ場合は、リポジトリ内に存在する情報が上書きされます。
  6. 完了」を選択して、ウィザードを閉じます。

商品の読み込み - クラシック UI importing-products-classic-ui

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

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

    製品インポーターコンソール

  3. 以下を指定します。

    • ストア名

      製品の読み込み先は、次のとおりです。

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

    • コマースプロバイダー

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

    • ソースファイル

      インポートするファイルのリポジトリ内の場所。

    • 増分読み込み

      (完全インポートではなく)増分インポートかどうかを示します。

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

商品情報の作成 creating-product-information

NOTE
標準の商品管理は必要最小限です。Geometrixx-Outdoors の商品セットは、基本的なものだからです。複雑さは製品の基礎モードによるので、独自の製品基礎モードを使用すれば、より高度な編集が可能になります。

商品情報の作成 - タッチ操作向け UI creating-product-information-touch-optimized-ui

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

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

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

    プラス形の作成アイコン

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

    note note
    NOTE
    商品またはバリアントを作成するには、少なくとも​ タイトル ​と SKU が必要です。
  4. 作成」を選択して、定義を保存します。

NOTE
多くの商品は、幅広いカラーやサイズで提供されています。基本となる商品と関連する製品バリアントに関する情報は、どちらも​ 製品 ​コンソールから管理できます。
商品とそのバリアントはツリー構造として保存されます。商品情報が一番上にあり、バリアントがその下にあります(この構造は UI によって強制されます)。

商品情報の編集 editing-product-information

NOTE
geometrixx-outdoors の商品画像は、次の場所から供給されます。
/etc/commerce/products/...
そのため、デフォルトでは Dispatcher によって商品画像がブロックされるので、必要に応じて設定してください。

商品情報の編集 - タッチ操作向け UI editing-product-information-touch-optimized-ui

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

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

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

    製品データを表示アイコン - 情報アイコン

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

商品リファレンスの表示 showing-product-references

商品リファレンスの表示 - タッチ操作向け UI showing-product-references-touch-optimized-ui

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

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

    二重矢印アイコン

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

    参照を開いた状態の製品コンソール

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

  5. 特定の参照を選択すると、次のオプションを表示できます。

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

    製品コンソールの参照パネル

商品の検索 search-for-products

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

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

    虫眼鏡アイコン

  3. 製品の検索には、複数のファセットを使用できます。1 回の検索に 1 つまたは複数のファセットだけを使用できます。見つかった製品は次のように表示されます。

    製品コンソールの製品データ

  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. すべて保存」をクリックして、商品の検索ページに移動します。変更が表示されます。

複数のアセット multiple-assets

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

NOTE
複数のアセットに関連する操作はすべて、タッチ操作向け UI を使用して実行されます。

複数のアセットの追加 adding-multiple-assets

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

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

    note note
    NOTE
    バリアントレベルではなく商品レベルに移動する必要があります。
  3. 選択モードまたはクイックアクションを使用して、製品データを表示 ​アイコンを選択します。

  4. 編集アイコンを選択します。

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

    製品データのスクリーンショットの追加

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

  7. 変更」を選択すると、アセットを選択するダイアログボックスが開きます。

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

    note note
    NOTE
    アセットは「アセット」から選択できます。
  9. 完了アイコンを選択します。

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

  1. 製品データを表示」を選択します。

  2. アセットの下の「アセットカテゴリ」に入力します(例:cat1 および cat2)。

    note note
    NOTE
    カテゴリにはタグも使用できます。
  3. 完了アイコンを選択します。変更内容をロールアウトする必要があります。

これで、製品コンポーネント内のアセットにカテゴリが追加されました。表示するカテゴリを次の 3 種類のレベルで設定できます。

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

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

  1. 製品ページ用にカテゴリが設定されているかどうかを確認します。
  2. 設定されていない場合、カタログ用にカテゴリが設定されているかどうかを確認します。
  3. 設定されていない場合、製品コンソール用にカテゴリが設定されているかどうかを確認します。
NOTE
カタログレベルと製品コンソールレベルの両方で変更内容をロールアウトして、変更を適用し、商品ページ上で違いを確認する必要があります。

製品ページ product-page

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

カタログ catalog

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

製品コンソール products-console

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

商品情報の公開/非公開 publishing-unpublishing-product-information

商品情報の公開/非公開 - タッチ操作向け UI publishing-unpublishing-product-information-touch-optimized-ui

NOTE
多くの場合、商品情報は商品を参照するページを通じて公開されます。例えば、製品 Y を参照するページ X を公開する際に、AEM は、製品 Y も公開するかどうかを尋ねます。
特殊なケースでは、AEM は、商品データからの直接の公開もサポートしています。
  1. コマース ​から)製品 ​コンソールを使用して、商品情報に移動します。

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

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

    地球アイコン バツマークの付いた地球アイコン - 記号なし

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

製品アップデート用のイベントハンドラー event-handler-for-product-updates

製品が追加、編集、削除された場合や、製品ページが追加、編集、削除された場合にイベントを記録するイベントハンドラーがあります。次の 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 ノードを指します。

これらは web コンソールで OSGI イベント(/system/console/events)に次のように表示されます。

OSGi イベントの例

NOTE
AEM でのイベント処理も参照してください。

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

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

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

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

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

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

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

    フルスクリーンアイコン

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

    ローンチマップアイコン

  7. シェイプアイコンのいずれかをクリックします。

    シェイプアイコン

  8. 必要に応じてシェイプを変更および移動します。

  9. シェイプをクリックします。

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

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

    タイプのパス

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

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

    プラス記号

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

  14. 「+」ホットスポットをクリックします。「パス」に入力した商品のサイズと数量を選択できるダイアログが表示されます。

    商品の例:ポンチョ

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

  16. 「買い物かごに追加」ボタンをクリックします。ダイアログが閉じます。

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

設定オプション configuration-options

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

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

    設定アイコン

  2. 下にスクロールします。「買い物かごに追加」タブがあります。

    「買い物かごに追加」タブ

  3. 買い物かごに追加」をクリックします。3 つの設定オプションを使用できます。

    設定オプション

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

カタログ catalogs

カタログの生成 generating-a-catalog

カタログの生成 - タッチ操作向け UI generating-a-catalog-touch-optimized-ui

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

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

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

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

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

    create-icon

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

    カタログを作成ウィザード

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

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

  7. 次へ」を選択します。

    カタログのプロパティウィザード

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

  9. 作成」ボタンを選択します。カタログが作成され、ダイアログが表示されます。

    カタログ作成ダイアログ

  10. 完了」ボタンを選択すると、サイトのコンソールに戻り、カタログを表示できます。

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

カタログの生成 - クラシック UI generating-a-catalog-classic-ui

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

    例:

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

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

    例:Swimwear

  3. 新しい Swimwear ページを開き、「ブループリントを編集」をクリックします。プロパティ ​ダイアログボックスが開き、製品 ​選択の設定が可能になります。

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

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

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

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

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

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

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

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

カタログのロールアウト rolling-out-a-catalog

カタログのロールアウト - タッチ操作向け UI rolling-out-a-catalog-touch-optimized-ui

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

  1. Commerce を介して​ カタログ ​コンソールに移動します。

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

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

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

    ロールアウト

  4. ウィザードで、必要に応じてロールアウトを設定してから、「ロールアウトの変更」をクリックします。

  5. ダイアログボックスが開きます。処理が終了したら、「完了」を選択します。

カタログのロールアウト - クラシック UI rolling-out-a-catalog-classic-ui

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

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

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

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

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

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

ブループリントインポーター blueprint-importer

ブループリントインポーター - タッチ操作向け UI blueprint-importer-touch-optimized-ui

  1. Commerce を介して​ カタログ ​コンソールに移動します。

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

  3. ブループリントを読み込み ​アイコンを選択します。

    ブループリントを読み込みアイコン

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

    ブループリントウィザード

  5. 読み込みが終了したら、「完了」を選択します。

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

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

    例:

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

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

  3. 必要に応じてインポートを設定します。

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

プロモーション promotions

プロモーションの作成 creating-a-promotion

プロモーションの作成 - クラシック UI creating-a-promotion-classic-ui

NOTE
次の例では、キャンペーンで直接行われるプロモーションを示します。これは割引券に使用されます。
プロモーションは、キャンペーン内のエクスペリエンスで行うこともできます。
詳しくは、プロモーションと割引券を参照してください。
  1. オーサーインスタンスの web サイト ​コンソールを開きます。

  2. 左側のウィンドウで、必要な​ キャンペーン ​を選択します。

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

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

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

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

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

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

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

割引券 vouchers

割引券の作成 creating-a-voucher

割引券の作成 - クラシック UI creating-a-voucher-classic-ui

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

  2. 左側のウィンドウで、必要な​ キャンペーン ​を選択します。

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

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

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

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

  7. これで割引券がアクティベートされ、買い物客がパブリッシュインスタンス上の買い物かごで利用できるようになります。

割引券の削除 removing-vouchers

割引券の削除 - クラシック UI removing-vouchers-classic-ui

割引券を顧客が利用できないようにするには、次のいずれかの操作を実行します。

  • 割引券を無効にする - オーサー環境には引き続きあるので、後でもう一度有効にできます。
  • 完全に削除します。

いずれのアクションも、Web サイト ​コンソールで実行できます。

割引券の変更 modifying-vouchers

割引券の変更 - クラシック UI modifying-vouchers-classic-ui

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

買い物かごへの割引券の追加 adding-vouchers-to-a-cart

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

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

注文 orders

NOTE
標準の AEM には、商品の返送、注文ステータスの更新、受け渡しの実行、納品書の生成など、注文に関連する標準機能に必要なアクションがないことを思い出してください。主な目的は技術のプレビューです。
AEM の汎用の Order Management は基本的なものにとどまっています。ウィザードで使用可能なフィールドは、次の基礎モードによって異なります。
/etc/scaffolding/geometrixx-outdoors/order/jcr:content/cq:dialog
カスタマイズされた基礎モードを作成する場合は、さらに多くの注文情報を保存できます。
NOTE
注文コンソールには、公開されることのないベンダーの注文情報が表示されます。
顧客の注文情報はそのホームディレクトリに保持され、顧客のアカウントの注文履歴で公開されます。この情報は、ホームディレクトリの残りの情報と共に公開されます。

注文情報の作成 creating-order-information

注文情報の作成 - タッチ操作向け UI creating-order-information-touch-optimized-ui

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

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

    プラス形の作成アイコン

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

  4. 作成」を選択して、定義を保存します。

注文情報の編集 editing-order-information

注文情報の編集 - タッチ操作向け UI editing-order-information-touch-optimized-ui

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

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

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

    情報アイコン

  3. 注文情報が表示されます。変更するには、「編集」と「完了」を使用します。

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2