管理一般電子商務

AEM一般解決方案提供管理存放在儲存庫中的商務資訊的方法(而非使用外部電子商務引擎)。 這包括:

注意

標準AEM安裝包含一般AEM(JCR)電子商務實作。

這目前僅供展示之用,或根據您的需求做為自訂實作的基礎。

產品和產品變化

注意

下列程式適用於產品和產品變數。

在建立產品之前,您需要定義Scaffold。 這可指定您定義產品及編輯方式所需的欄位。

每種不同的產品類型都需要一個支架。 適當的支架通過以下任一方法與產品相關聯:

  • 路徑
  • 產品可以參照腳手架
注意

Geometrixx-Outdoors商店有單一產品類型(因此也有單一支架):

/etc/scaffolding/geometrixx-outdoors

Geometrixx-Outdoors產品類型在上:

/etc/commerce/products/geometrixx-outdoors

您可以在任何位置建立新的產品定義,而不需進行任何其他設定。

導入產品

匯入產品——最佳化觸控式UI

  1. 通過​Commerce​瀏覽至​Products​控制台。

  2. 使用​Products​控制台導航到所需位置。

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

    chlimage_1-1

  4. 指定下列設定:

    • 匯入工具

      特定商務提供者的匯入工具,預設為Geometrixx

    • 來源

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

    • 增量匯入

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

    注意

    遞增匯入(範例geometrixx-outdoor匯入工具的)會在產品層級運作。

    可以定義自訂的匯入工具,以視需要運作。

  5. 選擇​Next​以導入產品,將顯示所執行操作的日誌。

    注意

    產品將匯入或相對於目前位置。

    注意

    重複使用​Next​和​Back​將重複導入產品定義。 但是,由於它們具有相同的SKU,因此僅會覆寫儲存庫中現有的資訊。

  6. 選擇​Done​關閉嚮導。

導入產品- Classic UI

  1. 使用​Tools​控制台開啟​Commerce​資料夾。

  2. 連按兩下以開啟​Product Importer:

    chlimage_1-22

  3. 指定下列設定:

    • 存放區名稱

      產品將匯入至:

      /etc/commerce/products/<*store name*>/

    • 商務提供程式

      commerce provider的匯入工具;預設為Geometrixx。

    • 來源檔案

      要導入的檔案的儲存庫中的位置。

    • 增量匯入

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

  4. 按一下「匯入產品」。

建立產品資訊

注意

標準產品管理是基本的,因為Geometrixx-Outdoors產品集一直保持基本。 複雜度是以產品支架為基礎,因此使用您自己的產品支架,就可進行更精密的編輯。

建立產品資訊——最佳化觸控式UI

  1. 使用​Products​控制台(通過​Commerce)導航到所需位置。

  2. 使用​Create​圖示來選擇其中一個(視結構和位置而定):

    • 建立產品
    • 建立產品變數

    chlimage_1-14

  3. 嚮導將開啟。 使用​Basic​和​產品標籤​輸入新產品或產品變型的產品屬性

    注意

    題和 ​SKU是建立產品或變型所需的最低值。

  4. 選擇​建立​以保存資訊。

注意

許多產品都提供多種顏色和/或尺寸。 有關基本產品和相關產品變型的資訊可從​產品​控制台進行管理。

產品及其變數會儲存為樹狀結構,產品資訊位於頂端,其下會有變數(此結構由UI強制執行)。

編輯產品資訊

注意

Geometrixx-outdoors中的產品影像可從以下網址取得:

/etc/commerce/products/...

這表示預設情況下,它們被dispatcher阻止,因此請根據需要進行配置。

編輯產品資訊——最佳化觸控式UI

  1. 使用​Products​控制台(透過​Commerce)瀏覽至您的產品資訊。

  2. 使用下列任一項:

    選擇​查看產品資料​表徵圖:

    chlimage_1-3

  3. 將顯示產品屬性。 使用​Edit​和​Done​進行任何變更。

顯示產品參考

顯示產品參考——最佳化觸控式UI

  1. 使用​Products​控制台(透過​Commerce)瀏覽至您的產品資訊。

  2. 使用圖示開啟「參照」的次導軌:

    chlimage_1-4

  3. 選擇所需產品——輔助導軌將更新以顯示可用的參考類型:

    chlimage_1-88

  4. 按一下/點選參考類型(例如「產品頁面」)以展開清單。

  5. 選擇特定參考以顯示選項:

    • 導覽至產品頁面
    • 編輯產品頁面

    chlimage_1-89

搜尋產品

  1. 通過​Commerce​瀏覽至​Products​控制台。

  2. 使用圖示開啟「搜尋」的次要邊欄:

  3. 您可使用數個Facet來搜尋產品。 搜索只能使用一個或多個刻面。 找到的產品將顯示:

    chlimage_1-90

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

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

  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. 按一下「全部儲存」,並導覽至產品搜尋頁面。 ​您的變更應該會出現。

多個資產

您可以在產品元件中新增多個資產,然後指定將顯示在產品頁面上的資產。

注意

所有與多個資產相關的工作都可透過觸控最佳化UI完成。

新增多個資產

  1. 通過​Commerce​瀏覽至​Products​控制台。

  2. 使用​Products​控制台,導覽至所需產品。

    注意

    你必須在產品層級,而不是在變型層級。

  3. 點選/按一下「檢視產品資料」圖示(含選擇模式或快速動作)。

  4. 點選/按一下「編輯」圖示。

  5. 捲動至​Add

    chlimage_1-91

  6. 點選/按一下「新增」。 隨即出現新資產預留位置。

  7. 點選/按一下​變更​會開啟一個對話方塊,讓您選擇資產。

  8. 選取您要新增的資產。

    注意

    您可以選擇的資產為Assets

  9. 點選/按一下「完成」圖示。

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

  1. 點選/按一下「檢視產品資料」。

  2. 在資產下方鍵入​資產類別,例如cat1cat2

    注意

    您也可以使用類別的標籤。

  3. 點選/按一下「完成」圖示。 您現在必須轉出您的變更。

現在,您的資產在產品元件中有一個類別。 您可以設定在三個不同層級顯示的類別:

注意

如果您未設定類別,第一個資產會顯示在產品頁面上。

選擇要顯示的影像的機制如下:

  1. 驗證是否為「產品頁」設定了類別。
  2. 如果沒有,請驗證是否為目錄設定了類別。
  3. 否則,驗證是否為產品控制台設定了類別。
注意

對於目錄層級和產品主控台層級,您必須首先展開變更,才能套用修改並在產品頁面上查看差異。

產品頁面

  1. 導覽至您的產品頁面。
  2. 輯產品元件。
  3. 鍵入您選擇的​影像類別(例如cat1)。
  4. 點選/按一下​Done。 頁面會重新整理,並應顯示正確的資產。

目錄

  1. 導覽至您的目錄。
  2. 點選/按一下「檢視屬性」。
  3. 點選/按一下​編輯
  4. 點選/按一下​Assets​標籤。
  5. 鍵入所需的​產品資產類別
  6. 點選/按一下​Done
  7. 計變更。

產品控制台

  1. 使用​Products​控制台,導覽至所需的產品。
  2. 點選/按一下「檢視產品資料」。
  3. 點選/按一下​編輯
  4. 鍵入​預設資產類別
  5. 點選/按一下​Done
  6. 計變更。

發佈/取消發佈產品資訊

發佈/取消發佈產品資訊——觸控最佳化UI

注意

通常,產品資訊會透過參考其頁面發佈。 例如,在發佈參照產品Y的頁面X時,AEM會詢問您是否也要發佈產品Y。

針對特殊情況,AEM也支援直接從產品資料發佈。

  1. 使用​Products​控制台(透過​Commerce)瀏覽至您的產品資訊。

  2. 使用下列任一項:

    根據需要選擇​Publish​或​Unpublish​表徵圖:

    chlimage_1-6 chlimage_1-7

    產品資訊會視需要發佈或取消發佈。

產品摘要

Search&Promote整合可讓您:

  • 使用eCommerce 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 Console的OSGI事件(/system/console/events)中查看這些事件,例如:

注意

另請閱讀「AEM中的事件處理」。

「包含新增至購物車連結的影像」元件可讓您在影像上建立與產品連結的熱點,以快速將產品新增至購物車。

按一下熱點將開啟一個對話框,可讓您選擇產品的大小和數量。

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

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

  3. assets瀏覽器拖放元件中的影像。

  4. 您可以:

    • 按一下元件,然後按一下「編輯」圖示
    • 按兩下滑鼠鍵,
  5. 按一下全螢幕圖示。

    chlimage_1-92

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

    chlimage_1-93

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

    chlimage_1-29

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

  9. 按一下形狀。

  10. 按一下瀏覽圖示會開啟資產選擇器

    注意

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

    chlimage_1-94

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

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

  13. 切換至preview模式。

  14. 按一下+熱點。 此時將開啟一個對話框,您可以在其中選擇在​Path​中輸入的產品的大小和數量。

    chlimage_1-95

  15. 輸入大小和數量。

  16. 按一下「新增至購物車」按鈕。 對話框關閉。

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

配置選項

您可以配置按一下熱點時對話框的外觀:

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

    chlimage_1-96

  2. 向下捲動. 有一個​「添加到購物車」標籤。

    chlimage_1-97

  3. 按一下「新增至購物車」。 ​您可以使用3個配置選項。

    chlimage_1-98

  4. 按一下「完成」圖示。

目錄

生成目錄

產生目錄——最佳化觸控式UI

注意

目錄將參考您的產品資料。

要生成目錄,請執行以下操作:

  1. 開啟網站主控台(例如http://localhost:4502/sites.html/content)。

  2. 導覽至您要建立新頁面的位置。

  3. 要開啟選項清單,請使用​建立​表徵圖:

  4. 從清單中選擇​建立目錄,將開啟建立目錄嚮導。

    chlimage_1-99

  5. 導覽至所需的目錄藍圖。

  6. 點選/按一下​「選擇」按鈕,點選/按一下所需的目錄藍圖。

  7. 點選/按一下​Next

    chlimage_1-100

  8. 鍵入​Title​和​Name

  9. 點選/按一下​Create​按鈕。 目錄即會建立,並開啟對話方塊。

    chlimage_1-101

  10. 點選/按一下​Done​按鈕會回到Sites主控台,您將可在此檢視目錄。

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

生成目錄- Classic UI

注意

目錄將引用您的產品資料

  1. 使用​Websites​控制台,導覽至​Catalog Blueprint,然後導覽至Base Catalog。

    例如:

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

  2. 使用​Section Blueprint​範本建立新頁面。

    例如,Swimwear

  3. 開啟新的Swimwear頁面,然後按一下「編輯Blueprint 」以開啟「屬性」對話方塊,您可在其中設定「產品」選項。

    例如,開啟​Tags/Keywords​欄位以選取「活動」,然後從Geometrixx-Outdoors區段選取「游泳」。

  4. 按一下​OK​保存屬性;範例產品將顯示在Blueprint頁面的​產品選擇標準​下。

  5. 按一下​轉出更改……,選擇​轉出頁面和所有子頁面,然後按一下​Next,然後按一下​Lovolt。 成功完成轉出後,Status​指示器將顯示為綠色。

  6. 您現在可以按一下​Close​並檢查新目錄區段;例如,on和under:

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

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

  8. 按一下​OK​保存屬性;橫幅資訊會顯示在Blueprint頁面的​產品選擇准則​下。

  9. 推出這些新變更。

推出目錄

推出目錄——最佳化觸控式UI

若要推出目錄:

  1. 透過​Commerce​導覽至​Catalogs​主控台。

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

  3. 使用下列任一項:

    選擇​轉出更改​表徵圖:

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

  5. 對話方塊隨即開啟。 當程式完成時,點選/按一下「完成​」。

推出目錄- Classic UI

若要推出目錄:

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

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

  2. 按一下​轉出更改……

  3. 視需要設定轉出。

  4. 按一下​Rovolt

Blueprint Importer

Blueprint匯入工具——觸控最佳化UI

  1. 透過​Commerce​導覽至​Catalogs​主控台。

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

  3. 點選/按一下「匯入Blueprints 」圖示。

  4. 在嚮導中,根據需要選擇源並點選/按一下​Next

    chlimage_1-340

  5. 匯入完成後點選/按一下「完成​」。

Blueprint Importer - Classic UI

  1. 使用​Tools​控制台,導航至​Commerce

    例如:

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

  2. 開啟​Catalog Bluprint Importer

  3. 視需要設定匯入。

  4. 按一下「導入目錄藍圖」。

促銷活動

建立促銷

建立促銷- Classic UI

注意

下列範例處理直接在促銷活動中舉行的促銷活動,此促銷活動用於憑證。

促銷活動也可以位於促銷活動的experience中。

如需詳細資訊,請參閱促銷和優惠券

  1. 開啟您作者例項的​Websites​主控台。

  2. 在左窗格中,選擇您所需的​促銷活動

  3. 按一下「新增」,選取「促銷」​範本,然後為新優惠券指定​「標題」(如有需要,請指定​名稱)。

  4. 按一下​建立。新促銷頁面將顯示在右窗格中。

  5. 編輯​Properties,方法為:

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

    根據需要指定​促銷類型折扣類型折扣值​和任何其他欄位。

  6. 按一下​確定​保存。

  7. 您現在可以啟動促銷,讓購物者在發佈例項中看到促銷。

憑單

建立優惠券

建立優惠券- Classic UI

  1. 開啟您作者例項的​Websites​主控台。

  2. 在左窗格中,選擇您所需的​促銷活動

  3. 按一下「新增」「優惠券」範本,然後為新優惠券指定 Title (如有需要,請指定 Name )。

  4. 按一下​建立。新的優惠券頁面會顯示在右側窗格中。

  5. 按兩下以開啟新的優惠券頁面,然後按一下​編輯​以視需要設定資訊。

  6. 按一下​確定​保存。

  7. 您現在可以啟動優惠券,讓購物者可以在發佈實例的購物車中使用優惠券。

刪除憑單

刪除憑單- Classic UI

為了讓客戶無法使用優惠券,您可以:

  • 停用優惠券——優惠券將保留在作者環境中,以便您稍後重新啟用。
  • 完全刪除。

這兩種動作都可從​Websites​主控台進行。

修改憑單

修改憑單——傳統UI

若要變更優惠券或促銷的屬性,您可以在​網站​主控台上連按兩下優惠券或促銷的屬性,然後按一下​編輯。 儲存後,您應啟用變更,以便將變更推送至發佈例項。

將憑單新增至購物車

若要允許使用者將憑證新增至購物車,您可以使用內建的​憑證​元件(商務類別)。 您必須將此項目新增至顯示購物車的相同頁面(但非必要)。 憑單元件只是用戶可以輸入憑單代碼的表單,而購物車元件實際上顯示了已申請的憑單及其折扣清單。

在示範網站(Geometrixx Outdoors - English)中,您可以在購物車頁面的實際購物車下方看到優惠券表單。

訂購

注意

應該記住,現成可用的AEM不具備與訂購相關的標準功能所需的動作,例如退貨、更新訂單狀態、完成、產生包裝單。 主要是以技術預覽為目的。

AEM中的一般訂單管理一直維持基本;嚮導中可用的欄位取決於腳手架:
/etc/scaffolding/geometrixx-outdoors/order/jcr:content/cq:dialog

如果您建立自訂的Scaffold,則可儲存更多訂單資訊。

注意

訂單主控台會公開供應商訂單資訊,這些資訊從未發佈。

客戶訂單資訊會保存在其首頁目錄中,並透過其帳戶的訂單記錄公開。 這些資訊會連同其他首頁目錄一起發佈。

建立訂單資訊

建立訂單資訊——觸控最佳化UI

  1. 使用​Orders​控制台導航到所需位置。

  2. 使用​Create​表徵圖選擇​Create Order

  3. 嚮導將開啟。 使用​BasicContentPayment​和​Fulfillment​標籤輸入有關新訂單的資訊。

  4. 選擇​建立​以保存資訊。

編輯訂單資訊

編輯訂單資訊——觸控最佳化UI

  1. 使用​Orders​控制台導航至訂單。

  2. 使用下列任一項:

    選擇​查看訂單資料​表徵圖:

  3. 將顯示順序資訊。 使用​Edit​和​Done​進行任何變更。

本頁內容