管理一般電子商務

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​進行任何變更。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now