現在表示中:

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

注意:

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

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

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

注意:

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

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

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

  • パス
  • 商品が基礎モードを参照できる

注意:

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

    /etc/scaffolding/geometrixx-outdoors

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

    /etc/commerce/products/geometrixx-outdoors

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

商品の読み込み

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

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

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

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

    chlimage_1
  4. 以下を指定します。

    • インポーター
      特定のコマースプロバイダー用のインポーター。デフォルトでは Geometrixx
    • ソース
      読み込むファイル。ブラウザーを使用してファイルを選択できます。
    • 増分読み込み
      (完全読み込みではなく)増分読み込みかどうかを示します。

    注意:

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

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

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

    注意:

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

    注意:

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

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

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

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

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

    chlimage_1
  3. 以下を指定します。

    • ストア名
      商品は次の場所に読み込まれます。
      /etc/commerce/products/<store name>/
    • コマースプロバイダー
      使用するコマースプロバイダー用のインポーター。デフォルトでは Geometrixx です。
    • ソースファイル
      インポートするファイルのリポジトリ内の場所。
    • 増分読み込み
      (完全読み込みではなく)増分読み込みかどうかを示します。
  4. 製品を読み込み」をクリックします。

商品情報の作成

注意:

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

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

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

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

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

    注意:

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

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

注意:

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

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

商品情報の編集

注意:

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

    /etc/commerce/products/...

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

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

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

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

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

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

商品リファレンスの表示

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

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

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

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

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

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

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

商品の検索

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

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

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

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

複数アセット

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

 

注意:

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

複数アセットの追加

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

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

    注意:

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

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

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

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

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

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

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

    注意:

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

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

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

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

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

    注意:

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

  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 を公開すると、商品 Y も公開するかどうか尋ねられます。

特殊なケース向けに、AEM は商品データからの直接公開もサポートしています。

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

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

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

    chlimage_1
    chlimage_1

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

製品フィード

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 ノードを指します。

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

chlimage_1

注意:

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

カートへ追加リンクを含む画像

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

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

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

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

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

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

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

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

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

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

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

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

    注意:

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

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

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

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

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

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

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

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

設定オプション

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

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

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

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

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

カタログ

カタログの生成

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

注意:

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

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

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

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

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

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

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

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

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

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

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

    chlimage_1
  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 ページを開き、「ブループリントを編集」をクリックすると、プロパティダイアログが表示されて、製品の選択を設定できます。

    例えば、「タグ/キーワード」フィールドを開いてアクティビティを選択し、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. コマースからカタログコンソールに移動します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. コマースからカタログコンソールに移動します。

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

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

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

    chlimage_1
  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. 作成アイコンを使用して、「注文を作成」を選択します。

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

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

注文情報の編集

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

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

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

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

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

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー