管理一般電子商務 administering-generic-ecommerce

Adobe Experience Manager (AEM)一般解決方案提供管理存放庫內所儲存之商務資訊的方法(與使用外部電子商務引擎相反)。 其中包括:

NOTE
標準AEM安裝包含通用AEM (JCR)電子商務實作。
其目的是為了示範,或作為根據您需求自訂實作的基本基礎。

產品和產品變數 products-and-product-variations

NOTE
下列程式同時適用於產品與產品變體。

在建立產品之前,請先定義 支架. 這會指定您必須定義的欄位、產品及其編輯方式。

每個不同的產品型別都需要支架。 適當的支架可透過以下任一方式與產品相關聯:

  • 路徑
  • 產品可參考架構
NOTE
Geometrixx-Outdoors商店有單一產品型別(因此是單一支架):
/etc/scaffolding/geometrixx-outdoors
Geometrixx — 戶外活動產品型別啟用於:
/etc/commerce/products/geometrixx-outdoors
您可在產品定義下的任何位置建立產品定義,而無需任何其他設定。

匯入產品 importing-products

匯入產品 — 觸控最佳化UI importing-products-touch-optimized-ui

  1. 導覽至 產品 主控台,透過 商務.

  2. 使用 產品 主控台導覽至所需位置。

  3. 使用 匯入產品 圖示以開啟精靈。

    匯入產品圖示

  4. 指定下列設定:

    • 匯入工具

      特定的Importer 商業提供者,預設為 Geometrixx.

    • 來源

      您要匯入的檔案;您可以使用瀏覽器來選取檔案。

    • 增量匯入

      指出是否為增量匯入(而非完全匯入)。

    note note
    NOTE
    增量匯入(範例geometrixx-outdoor匯入工具的)會在產品層級運作。
    您可以定義自訂的匯入工具來視需要操作。
  5. 選取 下一個 若要匯入產品,則會顯示所採取動作的記錄。

    note note
    NOTE
    產品會匯入至目前位置或相對於目前位置。
    note note
    NOTE
    重複使用 下一個返回 重複匯入產品定義。 但是,由於它們的SKU相同,因此會覆寫存放庫中現有的資訊。
  6. 選取 完成 以關閉精靈。

匯入產品 — Classic 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. 有數個面向可供您搜尋產品。 搜尋時只能使用一或多個多面。 找到的產品會出現:

    產品控制檯中的產品資料

  4. 按一下/點選產品會開啟它。 您也可以發佈或檢視產品資料。

您可以使用CRXDE Lite修改現有多面或新增多面:

  1. 瀏覽到:

    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. 選取完成圖示。

產品元件現在儲存兩個資產。 您可以設定哪個要顯示在產品頁面上。 這適用於類別系統。 首先,您必須將類別新增至個別資產:

  1. 選取 檢視產品資料.

  2. 輸入 資產類別 例如,在資產底下, cat1cat2.

    note note
    NOTE
    您也可以使用類別的標籤。
  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 節點。

您可以在OSGI事件的Web主控台中檢視( /system/console/events),例如:

OSGI事件範例

NOTE
另請閱讀 AEM中的事件處理.

包含加入購物車連結的影像元件可讓您在影像上建立與產品連結的熱點,快速將產品加入購物車。

按一下熱點會開啟對話方塊,讓您選擇產品的大小和數量。

  1. 導覽至您要新增元件的頁面。

  2. 將元件拖放到頁面中。

  3. 將元件中的影像從 資產瀏覽器.

  4. 您可以執行下列兩個動作中的一個:

    • 按一下元件,然後按一下編輯圖示
    • 進行緩慢連按兩下
  5. 按一下全熒幕圖示。

    全熒幕圖示

  6. 按一下「啟動地圖」圖示。

    啟動地圖圖示

  7. 按一下其中一個形狀圖示。

    形狀圖示

  8. 視需要修改和移動形狀。

  9. 按一下形狀。

  10. 按一下瀏覽圖示可開啟 資產選取器.

    note note
    NOTE
    或者,您可以直接鍵入必須在產品層級而不是變體層級的產品路徑。

    輸入路徑

  11. 按兩下確認圖示,然後按一下退出全熒幕。

  12. 在頁面元件旁的某處按一下。 頁面應該會重新整理,且您應該會在影像上看到下列符號:

    加號

  13. 切換至 預覽 模式。

  14. 按一下+熱點。 隨即開啟對話方塊,您可以在其中選擇輸入的產品大小與數量 路徑.

    產品範例: poncho

  15. 輸入大小與數量。

  16. 按一下加入購物車按鈕。 對話方塊關閉。

  17. 導覽至您的購物車。 產品應在這裡。

設定選項 configuration-options

您可以設定當您按一下熱點時對話方塊的外觀:

  1. 按一下元件,然後按一下設定圖示。

    設定圖示

  2. 向下捲動。 有一個 加入購物車 標籤。

    加入購物車索引標籤

  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. 導覽至所需的目錄Blueprint。

  6. 選取 選取 按鈕並按一下所需的目錄Blueprint。

  7. 選取​ 「下一步」

    目錄屬性精靈

  8. 輸入a 標題名稱.

  9. 選取 建立 按鈕。 目錄隨即建立,對話方塊隨即開啟。

    目錄已建立對話方塊

  10. 選取 完成 按鈕將您帶回Sites主控台,讓您在其中檢視目錄。

    點選/按一下 開啟目錄 按鈕會開啟您的目錄(例如, http://localhost:4502/editor.html/content/test-catalog.html)。

產生目錄 — Classic UI generating-a-catalog-classic-ui

NOTE
目錄會參考您的 產品資料.
  1. 使用 網站 主控台,導覽至 目錄Blueprint,然後建立基礎目錄。

    例如:

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

  2. 使用建立頁面 區域Blueprint 範本。

    例如,Swimwear

  3. 開啟新的 Swimwear 頁面,然後按一下 編輯Blueprint. 此 屬性 對話方塊開啟,以便您設定 產品 選取。

    例如,開啟 標籤/關鍵字 欄位以選取「活動」,然後從「Geometrixx — 戶外」區段選取「游泳」。

  4. 按一下 確定 以便儲存您的屬性;範例產品顯示在 產品選擇標準 在Blueprint頁面上。

  5. 按一下 轉出變更……,選取 轉出頁面和所有子頁面,然後按一下 下一個轉出. 成功完成轉出後, 狀態 指標顯示為綠色。

  6. 您現在可以按一下 關閉 和勾選新目錄區段;例如,在和底下:

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

  7. 再次從藍圖頁面按一下 編輯Blueprint屬性 對話方塊開啟 產生的頁面 標籤。 在「橫幅」清單欄位中,選取您要顯示的影像;例如, summer.jpg

  8. 按一下 確定 所以您的屬性會儲存;橫幅資訊會顯示在 產品選擇標準 在Blueprint頁面上。

  9. 轉出這些新變更。

轉出目錄 rolling-out-a-catalog

推出目錄 — 觸控最佳化UI rolling-out-a-catalog-touch-optimized-ui

轉出目錄:

  1. 導覽至 目錄 主控台,透過 商務.

  2. 導覽至您要轉出的目錄。

  3. 使用下列其中一項:

    選取 轉出變更 圖示:

    轉出

  4. 在精靈中,視需要設定轉出,然後按一下 轉出變更.

  5. 對話方塊開啟。 選取 完成 程式完成時。

轉出目錄 — Classic UI rolling-out-a-catalog-classic-ui

轉出目錄:

  1. 導覽至您要轉出的目錄。 例如:

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

  2. 按一下 轉出變更……

  3. 視需要設定轉出。

  4. 按一下 轉出.

Blueprint Importer blueprint-importer

Blueprint Importer — 觸控最佳化的UI blueprint-importer-touch-optimized-ui

  1. 導覽至 目錄 主控台,透過 商務.

  2. 導覽至您要匯入目錄Blueprint的位置。

  3. 選取 匯入Blueprint 圖示。

    匯入Blueprint圖示

  4. 在精靈中,視需要選取來源並按一下 下一個.

    Blueprint精靈

  5. 選取 完成 匯入完成時。

Blueprint Importer — 傳統UI blueprint-importer-classic-ui

  1. 使用 工具 主控台,導覽至 商務.

    例如:

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

  2. 開啟 目錄Blueprint匯入工具.

  3. 視需要設定匯入。

  4. 按一下 匯入目錄Blueprint.

促銷活動 promotions

建立促銷活動 creating-a-promotion

建立促銷活動 — Classic UI creating-a-promotion-classic-ui

NOTE
下列範例會處理直接在中持有的促銷活動 行銷活動,這用於憑單。
促銷活動也可位於 體驗 在行銷活動中。
如需詳細資訊,請參閱 促銷活動與憑單.
  1. 開啟 網站 作者執行個體的主控台。

  2. 在左窗格中,選取所需的 Campaign.

  3. 按一下 新增,選取 促銷活動 範本,然後指定 標題 (和 名稱 (若有需要)。

  4. 按一下「建立」。新的促銷活動頁面會顯示在右側窗格中。

  5. 編輯 屬性 透過下列其中一項:

    • 開啟頁面,然後按一下「編輯」按鈕以開啟「屬性」對話方塊
    • 在網站主控台中選取頁面,然後使用內容功能表(通常是滑鼠右鍵)來選取 屬性…… 然後開啟「屬性」對話方塊

    指定 促銷活動型別折扣型別折扣值 和任何其他必要欄位。

  6. 按一下 確定 以儲存。

  7. 您現在可以啟動促銷活動,讓購物者可以在發佈例項上檢視。

憑單 vouchers

建立憑單 creating-a-voucher

建立憑單 — 傳統UI creating-a-voucher-classic-ui

  1. 開啟 網站 作者執行個體的主控台。

  2. 在左窗格中,選取所需的 Campaign.

  3. 按一下 新增,選取 憑單 範本,然後指定 標題 (和 名稱 (若有需要)。

  4. 按一下「建立」。新的憑單頁面會顯示在右側窗格中。

  5. 按兩下以開啟您的新憑單頁面,然後按一下 編輯 並視需要設定資訊。

  6. 按一下 確定 以儲存。

  7. 您現在可以啟用憑單,讓購物者可以在發佈執行個體的購物車中使用它。

移除憑單 removing-vouchers

移除憑單 — 傳統UI removing-vouchers-classic-ui

若要讓憑單無法供客戶使用,您可以:

  • 停用憑單 — 其仍可在作者環境中使用,以便您稍後重新啟用。
  • 將其完全刪除。

這兩個動作都可以從 網站 主控台。

修改憑單 modifying-vouchers

修改憑單 — 傳統UI modifying-vouchers-classic-ui

若要變更憑單或促銷活動的屬性,您可以在 網站 主控台並按一下 編輯. 儲存後,您應該啟動它,以便將變更推送至發佈執行個體。

新增憑單至購物車 adding-vouchers-to-a-cart

若要讓使用者將憑單新增至購物車,您可以使用內建的 憑單 元件(商務類別)。 將此專案新增到顯示購物車的相同頁面(但這並非強制性)。 憑單元件只是使用者可在其中輸入憑單代碼的表單,它是實際顯示套用憑單清單及其折扣的購物車元件。

在示範網站(Geometrixx Outdoors文 — 英文)中,您可以在購物車頁面上實際購物車下方看到憑單表單。

訂購 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