管理通用電子商務

AEM通用解決方案提供管理存放在存放庫中的商務資訊的方法(與使用外部電子商務引擎相反)。 這包括:

注意

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

這目前的用途為示範,或根據您的需求,做為自訂實作的基礎。

產品和產品變數

注意

下列程式同時適用於產品和產品變異。

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

每種不同的產品類型都需要架構。 適當的架構可透過下列任一方式與產品建立關聯:

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

Geometrixx — 戶外商店只有一種產品類型(因此也只有一種架構):

/etc/scaffolding/geometrixx-outdoors

Geometrixx — 戶外產品類型在上處於活動狀態:

/etc/commerce/products/geometrixx-outdoors

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

導入產品

匯入產品 — 觸控最佳化UI

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

  2. 使用​Products​控制台導覽至所需位置。

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

    chlimage_1-1

  4. 指定下列設定:

    • 匯入工具

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

    • 來源

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

    • 增量匯入

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

    注意

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

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

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

    注意

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

    注意

    重複使用​Next​和​Back​會重複匯入產品定義。 但是,由於它們有相同的SKU,因此存放庫中現有的資訊只會遭到覆寫。

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

匯入產品 — 傳統UI

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

  2. 按兩下以開啟​產品匯入工具:

    chlimage_1-22

  3. 指定下列設定:

    • 存放區名稱

      產品將進口至:

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

    • 商務提供程式

      商務提供者的匯入工具;預設Geometrixx。

    • 來源檔案

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

    • 增量匯入

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

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

建立產品資訊

注意

標準產品管理是基本的,因為Geometrixx — 戶外產品集保持基本。 複雜度以產品支架為基礎,因此使用您自己的產品支架,便可進行更精細的編輯。

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

  1. 使用​Products​控制台(透過​Commerce)導覽至所需位置。

  2. 使用​Create​圖示來選取任一項(視結構和位置而定):

    • 建立產品
    • 建立產品變異

    chlimage_1-14

  3. 嚮導將開啟。 使用​Basic​和​Product Tabs​輸入新產品或產品變體的產品屬性

    注意

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

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

注意

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

產品及其變體會儲存為樹狀結構,產品資訊位於頂端,下方會顯示變體(此結構由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. 您可搜尋產品有幾個面向。 搜索只能使用一個或多個刻面。 找到的產品將顯示:

    chlimage_1-90

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

多個資產

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

注意

所有與多個資產相關的作業都可使用觸控最佳化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. 點選/按一下​資產​標籤。
  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節點。

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

注意

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

具有新增至購物車連結的影像元件可讓您透過在影像上建立與產品連結的熱點,快速將產品新增至購物車。

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

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

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

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

  4. 您可以:

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

    chlimage_1-92

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

    chlimage_1-93

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

    chlimage_1-21

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

  9. 按一下形狀。

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

    注意

    或者,您可以直接輸入必須在產品層級(而非變型層級)的產品路徑。

    chlimage_1-94

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

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

  13. 切換至preview模式。

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

    chlimage_1-95

  15. 輸入大小和數量。

  16. 按一下「添加到購物車」按鈕。 對話框關閉。

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

配置選項

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

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

    chlimage_1-96

  2. 向下捲動. 有一個​ADD TO CART​標籤。

    chlimage_1-97

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

    chlimage_1-98

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

目錄

生成目錄

產生目錄 — 觸控最佳化UI

注意

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

要生成目錄:

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

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

  3. 若要開啟選項清單,請使用​Create​圖示:

    建立圖示

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

    chlimage_1-99

  5. 導覽至所需的目錄Blueprint。

  6. 點選/按一下「 選取 」按鈕,然後點選/按一下所需的「目錄Blueprint」。

  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)。

產生目錄 — 傳統UI

注意

目錄會參考您的產品資料

  1. 使用​Websites​控制台,導覽至您的​目錄Blueprint,然後導覽至基本目錄。

    例如:

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

  2. 使用​Section Blueprint​模板建立新頁。

    例如, Swimwear

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

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

  4. 按一下​OK​以儲存屬性;範例產品會顯示在blueprint頁面的​產品選取條件​下。

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

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

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

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

  8. 按一下​OK​以儲存屬性;橫幅資訊會顯示在blueprint頁面的​產品選取條件​底下。

  9. 轉出這些新變更。

轉出目錄

轉出目錄 — 觸控最佳化UI

若要轉出目錄:

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

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

  3. 使用下列其中一項:

    選取​轉出變更​圖示:

    轉出

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

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

轉出目錄 — 傳統UI

若要轉出目錄:

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

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

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

  3. 視需要設定轉出。

  4. 按一下​轉出

Blueprint匯入工具

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

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

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

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

  4. 在精靈中,視需要選取來源,然後點選/按一下​Next

    chlimage_1-340

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

Blueprint匯入工具 — 傳統UI

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

    例如:

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

  2. 開啟​Catalog Bluprint Importer

  3. 視需要設定匯入。

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

促銷活動

建立促銷活動

建立促銷活動 — 傳統UI

注意

以下示例直接處理campaign中的促銷活動,這用於憑單。

促銷活動也可以位於促銷活動內的experience

有關詳細資訊,請參閱促銷和憑單

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

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

  3. 按一下​New,選擇​Promotion​範本,然後為新憑證指定​Title(如果需要,請指定​Name)。

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

  5. 編輯​屬性 ,方法如下:

    • 開啟頁面,然後按一下「編輯」按鈕以開啟「屬性」對話方塊
    • 在「網站」控制台中選擇頁面,然後使用上下文菜單(通常是滑鼠右鍵)選擇「屬性……」。​並開啟「屬性」對話框

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

  6. 按一下​OK​以儲存。

  7. 您現在可以啟動您的促銷活動,讓購物者在發佈執行個體上看到它。

憑單

建立憑證

建立憑單 — 傳統UI

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

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

  3. 按一下​New,選擇​Voucher​模板,然後為新憑證指定​Title(如果需要,請指定​Name)。

  4. 按一下​建立。新憑單頁將顯示在右窗格中。

  5. 按兩下開啟新憑單頁,然後按一下​Edit​以根據需要配置資訊。

  6. 按一下​OK​以儲存。

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

刪除憑單

刪除憑單 — 傳統UI

為使客戶無法使用憑單,您可以:

  • 停用憑證 — 憑證將保留在製作環境中,以便您稍後重新啟用。
  • 完全刪除。

這兩個動作都可從​Websites​主控台執行。

修改憑單

修改憑單 — 傳統UI

要更改憑證或促銷的屬性,可以在​Websites​控制台上按兩下該憑證或促銷的屬性,然後按一下​Edit。 儲存後,您應該啟動它,以便將變更推送至發佈執行個體。

向購物車添加憑單

若要允許用戶向購物車添加憑單,可以使用內置的​憑單​元件(商務類別)。 您必須將此項目新增至與購物車顯示位置相同的頁面(但不是強制項目)。 憑單元件僅僅是一種表單,用戶可以在其中輸入憑單代碼,它是實際顯示已申請憑單及其折扣清單的購物車元件。

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

訂購

注意

應該記住,現成可用的AEM不具備與訂單相關的標準功能所需的操作,例如退回商品、更新訂單狀態、履行、生成裝箱單。 其主要用途為技術預覽。

AEM中的一般訂單管理保持基本;精靈中可用的欄位取決於架構:
/etc/scaffolding/geometrixx-outdoors/order/jcr:content/cq:dialog

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

注意

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

客戶訂單資訊保存在其主目錄中,並由其帳戶的訂單歷史記錄公開。 此資訊連同其他主目錄一起發佈。

建立訂單資訊

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

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

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

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

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

編輯訂單資訊

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

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

  2. 使用下列其中一項:

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

  3. 將顯示訂購資訊。 使用​Edit​和​Done​進行任何更改。

本頁內容