汎用 e コマースの管理 administering-generic-ecommerce
Adobe Experience Manager(AEM)の汎用ソリューションは、(外部の e コマースエンジンを使用するのではなく)リポジトリ内に保持されているコマース情報を管理する手段を提供します。これには以下が含まれます。
商品と商品バリエーション products-and-product-variations
製品を作成する前に、基礎モードを定義します。これにより、製品を定義する必要なフィールドと、その編集方法が指定されます。
基礎モードは、異なる商品タイプごとに必要です。次のどちらかの方法で、適切な基礎モードを商品に関連付けます。
- path
- 商品が基礎モードを参照できる
/etc/scaffolding/geometrixx-outdoors
/etc/commerce/products/geometrixx-outdoors
商品の読み込み importing-products
商品の読み込み - タッチ操作向け UI importing-products-touch-optimized-ui
-
Commerce から 製品 コンソールに移動します。
-
製品 コンソールを使用して、必要な場所に移動します。
-
「製品を読み込み」アイコンを使用すると、ウィザードが表示されます。
-
以下を指定します。
-
インポーター
特定のコマースプロバイダー用のインポーター(デフォルトでは
Geometrixx
)。 -
ソース
読み込むファイル(ブラウザーを使用してファイルを選択できます)。
-
増分読み込み
(完全インポートではなく)増分インポートかどうかを示します。
note note NOTE (サンプル geometrixx-outdoor インポーターの)増分読み込みは、商品レベルで動作します。 必要に応じて、カスタマイズされたインポーターが動作するように定義できます。 -
-
「次へ」を選択して製品を読み込みます。実行されたアクションのログが表示されます。
note note NOTE 製品は現在の場所、または現在の場所に相対的な場所に読み込まれます。 note note NOTE 「次へ」と「戻る」を繰り返し使用すると、製品定義が繰り返し読み込まれます。ただし、SKU が同じ場合は、リポジトリ内に存在する情報が上書きされます。 -
「完了」を選択して、ウィザードを閉じます。
商品の読み込み - クラシック UI importing-products-classic-ui
-
ツール コンソールを使用して、コマース フォルダーを開きます。
-
ダブルクリックして 製品インポーター を開きます。
-
以下を指定します。
-
ストア名
製品の読み込み先は、次のとおりです。
/etc/commerce/products/<*store name*>/
-
コマースプロバイダー
コマースプロバイダーのインポーター(デフォルトでは Geometrixx)。
-
ソースファイル
インポートするファイルのリポジトリ内の場所。
-
増分読み込み
(完全インポートではなく)増分インポートかどうかを示します。
-
-
「製品を読み込み」をクリックします。
商品情報の作成 creating-product-information
商品情報の作成 - タッチ操作向け UI creating-product-information-touch-optimized-ui
-
(コマース から)製品 コンソールを使用して、必要な場所に移動します。
-
「作成」アイコンを使用して、(構造と場所に応じて)次のどちらかを選択します。
- 製品を作成
- 製品バリエーションを作成
-
ウィザードが開きます。「基本」タブと「製品」タブを使用して、新しい商品または製品バリアントの製品属性を入力します。
note note NOTE 商品またはバリアントを作成するには、少なくとも タイトル と SKU が必要です。 -
「作成」を選択して、定義を保存します。
商品情報の編集 editing-product-information
/etc/commerce/products/...
商品情報の編集 - タッチ操作向け UI editing-product-information-touch-optimized-ui
商品リファレンスの表示 showing-product-references
商品リファレンスの表示 - タッチ操作向け UI showing-product-references-touch-optimized-ui
-
(コマース から)製品 コンソールを使用して、商品情報に移動します。
-
次のアイコンを使用して、参照のセカンダリレールを開きます。
-
必要な製品を選択すると、セカンダリレールの更新が表示され、使用可能な参照タイプが表示されます。
-
参照タイプ(製品ページなど)をクリックして、リストを展開します。
-
特定の参照を選択すると、次のオプションを表示できます。
- 製品ページに移動
- 製品ページを編集
商品の検索 search-for-products
-
コマース から 製品 コンソールに移動します。
-
次のアイコンを使用して、検索のセカンダリパネルを開きます。
-
製品の検索には、複数のファセットを使用できます。1 回の検索に 1 つまたは複数のファセットだけを使用できます。見つかった製品は次のように表示されます。
-
製品をクリックまたはタップすると、その製品が開きます。また、公開したり、製品データを表示したりすることもできます。
検索の拡張 extending-search
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 を追加したり、サイズを削除したりできます。 -
「すべて保存」をクリックして、商品の検索ページに移動します。変更が表示されます。
複数のアセット multiple-assets
製品コンポーネントに複数のアセットを追加して、製品ページに表示されるアセットを指定できます。
複数のアセットの追加 adding-multiple-assets
-
コマース から 製品 コンソールに移動します。
-
製品 コンソールを使用して、必要な商品に移動します。
note note NOTE バリアントレベルではなく商品レベルに移動する必要があります。 -
選択モードまたはクイックアクションを使用して、製品データを表示 アイコンを選択します。
-
編集アイコンを選択します。
-
「追加」までスクロールします。
-
「追加」を選択します。新しいアセットのプレースホルダーが表示されます。
-
「変更」を選択すると、アセットを選択するダイアログボックスが開きます。
-
追加するアセットを選択します。
note note NOTE アセットは「アセット」から選択できます。 -
完了アイコンを選択します。
これで、2 つのアセットが製品コンポーネントに保存されました。製品ページにどちらを表示するかを設定できます。これはカテゴリシステムで機能します。最初に、個々のアセットにカテゴリを追加する必要があります。
-
「製品データを表示」を選択します。
-
アセットの下の「アセットカテゴリ」に入力します(例:
cat1
およびcat2
)。note note NOTE カテゴリにはタグも使用できます。 -
完了アイコンを選択します。変更内容をロールアウトする必要があります。
これで、製品コンポーネント内のアセットにカテゴリが追加されました。表示するカテゴリを次の 3 種類のレベルで設定できます。
表示する画像を選択する仕組みは次のとおりです。
- 製品ページ用にカテゴリが設定されているかどうかを確認します。
- 設定されていない場合、カタログ用にカテゴリが設定されているかどうかを確認します。
- 設定されていない場合、製品コンソール用にカテゴリが設定されているかどうかを確認します。
製品ページ product-page
- 商品ページに移動します。
- 製品コンポーネントを 編集 します。
- 選択した 画像カテゴリ を入力します(例:
cat1
)。 - 「完了」を選択します。ページを更新すると、正しいアセットが表示されます。
カタログ catalog
- カタログに移動します。
- 「プロパティを表示」を選択します。
- 「編集」を選択します。
- 「アセット」タブを選択します。
- 必要な 製品アセットカテゴリ を入力します。
- 「完了」を選択します。
- 変更内容をロールアウトします。
製品コンソール products-console
- 製品 コンソールを使用して、必要な商品に移動します。
- 「製品データを表示」を選択します。
- 「編集」を選択します。
- デフォルトのアセットカテゴリ を入力します。
- 「完了」を選択します。
- 変更内容をロールアウトします。
商品情報の公開/非公開 publishing-unpublishing-product-information
商品情報の公開/非公開 - タッチ操作向け UI publishing-unpublishing-product-information-touch-optimized-ui
製品アップデート用のイベントハンドラー 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
)に次のように表示されます。
買い物かごに追加リンクを含む画像 image-with-add-to-cart-links
買い物かごに追加リンクを含む画像コンポーネントを使用すると、画像上の製品にリンクされているホットスポットを作成することによって、製品を買い物かごにすばやく追加できます。
ホットスポットをクリックすると、商品のサイズと数量を選択できるダイアログが表示されます。
-
コンポーネントを追加するページに移動します。
-
コンポーネントをページにドラッグ&ドロップします。
-
アセットブラウザーからコンポーネントに画像をドラッグ&ドロップします。
-
次のいずれかを実行できます。
- コンポーネントをクリックし、続いて編集アイコンをクリック
- ゆっくりダブルクリック
-
フルスクリーンアイコンをクリックします。
-
ローンチマップアイコンをクリックします。
-
シェイプアイコンのいずれかをクリックします。
-
必要に応じてシェイプを変更および移動します。
-
シェイプをクリックします。
-
参照アイコンをクリックすると、アセットピッカーが表示されます。
note note NOTE または、商品パスを直接入力できます。商品パスは、バリアントレベルではなく商品レベルである必要があります。 -
確認アイコンを 2 回クリックしてから、「フルスクリーンを終了」をクリックします。
-
ページ上でコンポーネントの横の任意の場所をクリックします。ページが更新され、画像の上に次の記号が表示されます。
-
プレビューモードに切り替えます。
-
「+」ホットスポットをクリックします。「パス」に入力した商品のサイズと数量を選択できるダイアログが表示されます。
-
サイズと数量を入力します。
-
「買い物かごに追加」ボタンをクリックします。ダイアログが閉じます。
-
買い物かごに移動します。商品が入っています。
設定オプション configuration-options
ホットスポットをクリックしたときのダイアログの表示を設定できます。
-
コンポーネントをクリックして、設定アイコンをクリックします。
-
下にスクロールします。「買い物かごに追加」タブがあります。
-
「買い物かごに追加」をクリックします。3 つの設定オプションを使用できます。
-
完了アイコンをクリックします。
カタログ catalogs
カタログの生成 generating-a-catalog
カタログの生成 - タッチ操作向け UI generating-a-catalog-touch-optimized-ui
カタログを生成するには:
-
Sites コンソールを開きます(例:http://localhost:4502/sites.html/content)。
-
ページを作成する場所に移動します。
-
オプションリストを開くには、作成 アイコンを使用します。
-
リストから、「カタログを作成」を選択します。カタログを作成ウィザードが開きます。
-
必要なカタログのブループリントに移動します。
-
「選択」ボタンを選択し、必要なカタログのブループリントをクリックします。
-
「次へ」を選択します。
-
「タイトル」と「名前」を入力します。
-
「作成」ボタンを選択します。カタログが作成され、ダイアログが表示されます。
-
「完了」ボタンを選択すると、サイトのコンソールに戻り、カタログを表示できます。
「カタログを開く」ボタンをタップまたはクリックすると、カタログ(例:
http://localhost:4502/editor.html/content/test-catalog.html
)が開きます。
カタログの生成 - クラシック UI generating-a-catalog-classic-ui
-
Web サイト コンソールを使用して、カタログのブループリント に移動し、基本カタログに移動します。
例:
http://localhost:4502/siteadmin#/content/catalogs/geometrixx-outdoors/base-catalog
-
セクションのブループリント テンプレートを使用してページを作成します。
例:
Swimwear
-
新しい
Swimwear
ページを開き、「ブループリントを編集」をクリックします。プロパティ ダイアログボックスが開き、製品 選択の設定が可能になります。例えば、「タグ/キーワード」フィールドを開いてアクティビティを選択し、Geometrixx-Outdoors セクションから「Swimming」を選択します。
-
「OK」をクリックしてプロパティを保存します。サンプルの製品が、ブループリントページの「製品の選択条件」の下に表示されます。
-
「ロールアウトの変更…」をクリックし、「ページとすべてのサブページをロールアウト」を選択して、「次へ」をクリックしてから「ロールアウト」をクリックします。ロールアウトが正常に完了すると、ステータス インジケーターが緑色で表示されます。
-
「閉じる」をクリックして、次の場所およびその下にある新しいカタログセクションを確認します。
http://localhost:4502/cf#/content/geometrixx-outdoors/en/swimwear.html
-
ブループリントページで再び「ブループリントを編集」をクリックし、プロパティ ダイアログで「生成されたページ」タブを開きます。バナーリストフィールドで、表示する画像を選択します(例:
summer.jpg
)。 -
「OK」をクリックしてプロパティを保存します。バナー情報が、ブループリントページの「製品の選択条件」の下に表示されます。
-
これらの新しい変更をロールアウトします。
カタログのロールアウト rolling-out-a-catalog
カタログのロールアウト - タッチ操作向け UI rolling-out-a-catalog-touch-optimized-ui
カタログをロールアウトするには:
カタログのロールアウト - クラシック UI rolling-out-a-catalog-classic-ui
カタログをロールアウトするには:
-
ロールアウトするカタログに移動します。例:
http://localhost:4502/cf#/content/catalogs/geometrixx-outdoors/base-catalog.html
-
「ロールアウトの変更…」をクリックします。
-
必要に応じてロールアウトを設定します。
-
「ロールアウト」をクリックします。
ブループリントインポーター blueprint-importer
ブループリントインポーター - タッチ操作向け UI blueprint-importer-touch-optimized-ui
-
Commerce を介して カタログ コンソールに移動します。
-
カタログブループリントを読み込む場所に移動します。
-
ブループリントを読み込み アイコンを選択します。
-
ウィザードで、必要に応じて「ソース」を選択し、「次へ」をクリックします。
-
読み込みが終了したら、「完了」を選択します。
ブループリントインポーター - クラシック UI blueprint-importer-classic-ui
-
ツール コンソールを使用して、Commerce に移動します。
例:
http://localhost:4502/miscadmin#/etc/commerce
-
カタログブループリントインポーター を開きます。
-
必要に応じてインポートを設定します。
-
「カタログのブループリントを読み込み」をクリックします。
プロモーション promotions
プロモーションの作成 creating-a-promotion
プロモーションの作成 - クラシック UI creating-a-promotion-classic-ui
-
オーサーインスタンスの web サイト コンソールを開きます。
-
左側のウィンドウで、必要な キャンペーン を選択します。
-
「新規」をクリックし、プロモーション テンプレートを選択して、新しい割引券に対し「タイトル」(および必要に応じて「名前」)を指定します。
-
「作成」をクリックします。新しいプロモーションページが右側のウィンドウに表示されます。
-
次のどちらかの方法で、プロパティ を編集します。
- このページを開き、「編集」ボタンをクリックしてプロパティダイアログを表示する
- Web サイトコンソールでページを選択し、コンテキストメニュー(通常はマウスの右ボタン)を使用して「プロパティ…」を選択し、プロパティダイアログを開きます。
「プロモーションタイプ」、「割引タイプ」、「割引値」および必要に応じてその他のフィールドを指定します。
-
「OK」をクリックして保存します。
-
これでプロモーションをアクティベートできるようになり、買い物客にパブリッシュインスタンスでプロモーションが表示されます。
割引券 vouchers
割引券の作成 creating-a-voucher
割引券の作成 - クラシック UI creating-a-voucher-classic-ui
-
オーサーインスタンスの web サイト コンソールを開きます。
-
左側のウィンドウで、必要な キャンペーン を選択します。
-
「新規」をクリックし、割引券 テンプレートを選択して、新しい割引券に対し「タイトル」(および必要に応じて「名前」)を指定します。
-
「作成」をクリックします。新しい割引券ページが右側のウィンドウに表示されます。
-
ダブルクリックで新しい割引券ページを開き、「編集」をクリックして、必要に応じて情報を設定します。
-
「OK」をクリックして保存します。
-
これで割引券がアクティベートされ、買い物客がパブリッシュインスタンス上の買い物かごで利用できるようになります。
割引券の削除 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
/etc/scaffolding/geometrixx-outdoors/order/jcr:content/cq:dialog
注文情報の作成 creating-order-information
注文情報の作成 - タッチ操作向け UI creating-order-information-touch-optimized-ui
-
製品 コンソールを使用して、必要な商品に移動します。
-
「作成」アイコンを使用して、「注文を作成」を選択します。
-
ウィザードが開きます。「基本」「コンテンツ」「支払い」「受け渡し」タブを使用して、新しい注文に関する情報を入力します。
-
「作成」を選択して、定義を保存します。