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

CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

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. ダブルクリックして、 製品インポーター:

    chlimage_1-54

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

    chlimage_1-326

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

  5. 特定の参照を選択して、オプションを表示します。

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

    chlimage_1-327

商品の検索 search-for-products

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

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

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

    chlimage_1-328

  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. スクロールして 追加.

    chlimage_1-329

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

  7. 変更」をタップまたはクリックすると、アセットを選択できるダイアログが表示されます。

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

    note note
    NOTE
    選択できるアセットは次の中から選択します。 Assets.
  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. タイプ a デフォルトのアセットカテゴリ.
  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)に次のように表示されます。

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

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

ホットスポットをクリックすると、製品のサイズと数量を選択するためのダイアログが開きます。

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

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

  3. コンポーネント内の画像を アセットブラウザー.

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

    • コンポーネントをクリックしたあと、編集アイコンをクリックする
    • ゆっくりダブルクリックする
  5. 全画面表示アイコンをクリックします。

    chlimage_1-330

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

    chlimage_1-331

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

  8. 必要に応じて形状を修正し、移動します。

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

  10. 参照アイコンをクリックすると、 アセットセレクター.

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

    chlimage_1-332

  11. 確認アイコンを 2 回クリックし、「全画面を終了」をクリックします。

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

  13. 切り替え先 プレビュー モード。

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

    chlimage_1-333

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

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

  17. 買い物かごに移動します。 商品はここにあるはずです。

設定オプション configuration-options

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

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

    chlimage_1-334

  2. 下にスクロール. ここに 買い物かごに追加 タブをクリックします。

    chlimage_1-335

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

    chlimage_1-336

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

カタログ catalogs

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

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

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

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

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

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

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

  4. リストから「カタログを作成」を選択すると、カタログを作成ウィザードが表示されます。

    chlimage_1-337

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

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

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

    chlimage_1-338

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

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

    chlimage_1-339

  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 — アウトドア」セクションから「スイミング」を選択します。

  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. ウィザードで、必要に応じて「ソース」を選択し、をタップまたはクリックします。 次へ.

    chlimage_1-340

  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
次の例では、 campaign、割引券に使用されます。
プロモーションは、 エクスペリエンス キャンペーン内で
詳しくは、 プロモーションと割引券.
  1. を開きます。 Web サイト オーサーインスタンスのコンソール。

  2. 左側のパネルで、必要なを選択します Campaign.

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

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

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

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

    次を指定: プロモーションタイプ, 割引タイプ, 割引値 および必要に応じてその他のフィールド

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

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

割引券 vouchers

割引券の作成 creating-a-voucher

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

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

  2. 左側のパネルで、必要なを選択します Campaign.

  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 — 英語 ) では、買い物かごページの実際の買い物かごの下に割引券フォームが表示されます。

注文 orders

NOTE
標準搭載のAEMには、商品の返品、注文ステータスの更新、達成の実行、梱包明細の生成など、注文に関連する標準的な機能に必要なアクションがないことに注意してください。 主な目的は技術のプレビューです。
AEM の汎用の注文管理は基本的なものにとどまっています。ウィザードで使用可能なフィールドは、次の基礎モードによって異なります。
/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
5ce3024a-cbea-458b-8b2f-f9b8dda516e8