汎用 e コマースの管理 administering-generic-ecommerce
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 選択できるアセットは次の中から選択します。 Assets. -
「完了」アイコンをタップまたはクリックします。
これで、2 つのアセットが製品コンポーネントに保存されました。 製品ページに表示するものを設定できます。 これはカテゴリシステムで機能します。 最初に、個々のアセットにカテゴリを追加する必要があります。
-
「商品データを表示」をタップまたはクリックします。
-
アセットの下の「アセットカテゴリ」に入力します(例:
cat1
およびcat2
)。note note NOTE カテゴリにはタグも使用できます。 -
「完了」アイコンをタップまたはクリックします。 次は、 ロールアウト 変更内容。
これで、製品コンポーネント内のアセットにカテゴリが追加されました。 次の 3 つの異なるレベルで表示するカテゴリを設定できます。
表示する画像を選択するメカニズムを次に示します。
- 製品ページのカテゴリが設定されているかどうかを確認します。
- カタログがない場合は、カテゴリがカタログに設定されているかどうかを確認します。
- 設定されていない場合、製品コンソール用にカテゴリが設定されているかどうかを確認します。
製品ページ product-page
- 製品ページに移動します。
- 編集 製品コンポーネント。
- 選択した 画像カテゴリ を入力します(例:
cat1
)。 - 「完了」をタップまたはクリックします。ページが更新され、正しいアセットが表示されます。
カタログ catalog
- カタログに移動します。
- タップまたはクリック プロパティを表示.
- 「編集」をタップまたはクリックします。
- 「アセット」タブをタップまたはクリックします。
- 必要なを入力します 製品アセットカテゴリ.
- 「完了」をタップまたはクリックします。
- ロールアウト 変更内容。
製品コンソール products-console
- 製品 コンソールを使用して、必要な商品に移動します。
- 「製品データを表示」をタップまたはクリックします。
- 「編集」をタップまたはクリックします。
- タイプ a デフォルトのアセットカテゴリ.
- 「完了」をタップまたはクリックします。
- ロールアウト 変更内容。
製品情報の公開/非公開 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
カタログを生成するには:
-
サイトコンソール ( 例: 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 — アウトドア」セクションから「スイミング」を選択します。
-
クリック 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 サイト オーサーインスタンスのコンソール。
-
左側のパネルで、必要なを選択します Campaign.
-
クリック 新規 を選択し、 Promotion テンプレートを作成して、 タイトル ( および 名前 必要に応じて ) 新しい割引券に対して使用します。
-
「作成」をクリックします。新しいプロモーションページが右側のパネルに表示されます。
-
次のどちらかの方法で、プロパティ を編集します。
- このページを開き、「編集」ボタンをクリックしてプロパティダイアログを表示する
- Web サイトコンソールでページを選択し、コンテキストメニュー(通常はマウスの右ボタン)を使用して プロパティ… プロパティダイアログを開きます。
次を指定: プロモーションタイプ, 割引タイプ, 割引値 および必要に応じてその他のフィールド
-
「OK」をクリックして保存します。
-
これで、プロモーションをアクティベートでき、買い物客がパブリッシュインスタンスでプロモーションを表示できるようになります。
割引券 vouchers
割引券の作成 creating-a-voucher
割引券の作成 — クラシック UI creating-a-voucher-classic-ui
-
を開きます。 Web サイト オーサーインスタンスのコンソール。
-
左側のパネルで、必要なを選択します Campaign.
-
クリック 新規 を選択し、 割引券 テンプレートを作成して、 タイトル ( および 名前 必要に応じて ) 新しい割引券に対して使用します。
-
「作成」をクリックします。新しい割引券ページが右側のパネルに表示されます。
-
ダブルクリックして新しい割引券ページを開き、「編集」をクリックして、必要に応じて情報を設定します。
-
「OK」をクリックして保存します。
-
これで割引券をアクティブ化でき、買い物客がパブリッシュインスタンス上の買い物かごで利用できるようになりました。
割引券の削除 removing-vouchers
割引券の削除 — クラシック UI removing-vouchers-classic-ui
割引券を顧客が利用できないようにするには、次のいずれかを実行します。
- 割引券を非アクティブ化します。オーサー環境で使用できる状態になるので、後で再度アクティブ化できます。
- 完全に削除します。
両方のアクションは、 Web サイト コンソール。
割引券の変更 modifying-vouchers
割引券の変更 — クラシック UI modifying-vouchers-classic-ui
割引券またはプロモーションのプロパティを変更するには、 Web サイト コンソールとクリック 編集. 保存後、変更がパブリッシュインスタンスにプッシュされるように、アクティブ化する必要があります。
買い物かごへの割引券の追加 adding-vouchers-to-a-cart
ユーザーが買い物かごに割引券を追加できるようにするには、組み込みの 割引券 コンポーネント(コマースカテゴリ)。 買い物かごが表示されるページと同じページにこのを追加する必要があります(ただし必須ではありません)。 割引券コンポーネントは、ユーザーが割引券コードを入力できる単なる形式です。適用された割引券のリストとその割引を実際に表示する買い物かごコンポーネントです。
デモサイト (Geometrixx Outdoors — 英語 ) では、買い物かごページの実際の買い物かごの下に割引券フォームが表示されます。
注文 orders
/etc/scaffolding/geometrixx-outdoors/order/jcr:content/cq:dialog
注文情報の作成 creating-order-information
注文情報の作成 — タッチ操作向け UI creating-order-information-touch-optimized-ui
-
の使用 注文 コンソールは必要な場所に移動します。
-
以下を使用: 作成 選択するアイコン 注文を作成.
-
ウィザードが表示されます。以下を使用: 基本, コンテンツ, 支払い および 達成 タブを使用して 新しい注文に関する情報.
-
選択 作成 をクリックして情報を保存します。