管理一般電子商務 administering-generic-ecommerce
Adobe Experience Manager (AEM)一般解決方案提供管理存放庫內所儲存之商務資訊的方法(與使用外部電子商務引擎相反)。 其中包括:
產品和產品變數 products-and-product-variations
在建立產品之前,請先定義支架。 這會指定您必須定義的欄位、產品及其編輯方式。
每個不同的產品型別都需要支架。 適當的支架可透過以下任一方式與產品相關聯:
- 路徑
- 產品可參考架構
/etc/scaffolding/geometrixx-outdoors
/etc/commerce/products/geometrixx-outdoors
匯入產品 importing-products
匯入產品 — 觸控最佳化UI importing-products-touch-optimized-ui
-
透過 Commerce 導覽至 產品 主控台。
-
使用 產品 主控台導覽至所需位置。
-
使用 匯入產品 圖示開啟精靈。
-
指定下列設定:
-
匯入工具
特定商務提供者的匯入工具,預設為
Geometrixx
。 -
Source
您要匯入的檔案;您可以使用瀏覽器來選取檔案。
-
增量匯入
指出是否為增量匯入(而非完全匯入)。
note note NOTE 增量匯入(範例geometrixx-outdoor匯入工具的)會在產品層級運作。 您可以定義自訂的匯入工具來視需要操作。 -
-
選取 下一步 以匯入產品,會顯示所採取動作的記錄。
note note NOTE 產品會匯入至目前位置或相對於目前位置。 note note NOTE 重複使用 Next 和 Back 重複匯入產品定義。 但是,由於它們的SKU相同,因此會覆寫存放庫中現有的資訊。 -
選取 完成 以關閉精靈。
匯入產品 — Classic UI importing-products-classic-ui
-
使用 工具 主控台開啟 Commerce 資料夾。
-
按兩下以開啟 產品匯入工具:
-
指定下列設定:
-
存放區名稱
產品會匯入至:
/etc/commerce/products/<*store name*>/
-
Commerce提供者
您的商務提供者的匯入工具;預設Geometrixx。
-
Source檔案
您要匯入的檔案在存放庫中的位置。
-
增量匯入
指出是否為增量匯入(而非完全匯入)。
-
-
按一下 匯入產品。
建立產品資訊 creating-product-information
建立產品資訊 — 觸控最佳化UI creating-product-information-touch-optimized-ui
-
使用 產品 主控台(透過 Commerce)導覽至所需位置。
-
使用「建立」圖示來選取(視結構和位置而定):
- 建立產品
- 建立產品變數
-
精靈隨即開啟。 使用 基本 與 產品標籤 輸入新產品或產品變體的產品屬性。
note note NOTE Title 和 SKU 是建立產品或變體所需的最低值。 -
選取 建立 以儲存資訊。
編輯產品資訊 editing-product-information
編輯產品資訊 — 觸控最佳化UI editing-product-information-touch-optimized-ui
顯示產品引用 showing-product-references
顯示產品參考 — 觸控最佳化UI showing-product-references-touch-optimized-ui
-
使用 產品 主控台(透過 Commerce)導覽至您的產品資訊。
-
使用圖示開啟參照的次要邊欄:
-
選取您需要的產品 — 次要邊欄更新,顯示可用的參考型別:
-
按一下參照型別(例如「產品頁面」)以展開清單。
-
選取特定參照,以便顯示選項:
- 導覽至產品頁面
- 編輯產品頁面
搜尋產品 search-for-products
-
透過 Commerce 導覽至 產品 主控台。
-
使用圖示開啟要搜尋的次要邊欄:
-
有數個面向可供您搜尋產品。 搜尋時只能使用一或多個多面。 找到的產品會出現:
-
按一下/點選產品會開啟它。 您也可以發佈或檢視產品資料。
延伸搜尋 extending-search
您可以使用CRXDE Lite修改現有多面或新增多面:
-
瀏覽到:
http://localhost:4502/crx/de/index.jsp#/libs/commerce/gui/content/products/aside/items/search/items/searchpanel/facets
-
例如,您可以編輯出現在產品搜尋頁面上的大小。 按一下
sizegroup
節點。 -
按一下
items
節點,然後按一下propertypredicate
節點。 -
您可以編輯
propertyValues
。 例如,您可以新增XS、XXL或移除大小。 -
按一下「儲存全部」,並導覽至產品搜尋頁面。 您的變更將會顯示。
多個Assets multiple-assets
您可以在產品元件中新增多個資產,然後指定您要顯示在產品頁面上的資產。
新增多個Assets adding-multiple-assets
-
透過 Commerce 導覽至 產品 主控台。
-
使用 產品 主控台,導覽至所需的產品。
note note NOTE 您必須處於產品層級,而不是變體層級。 -
選取 檢視產品資料 圖示,其中包含選取模式或快速動作。
-
選取編輯圖示。
-
捲動至 新增。
-
選取 新增。 新的資產預留位置隨即出現。
-
選取 變更 會開啟一個對話方塊,讓您選擇資產。
-
選取您要新增的資產。
note note NOTE 您可選取的資產來自Assets。 -
選取完成圖示。
產品元件現在儲存兩個資產。 您可以設定哪個要顯示在產品頁面上。 這適用於類別系統。 首先,您必須將類別新增至個別資產:
-
選取 檢視產品資料。
-
在資產下輸入 資產類別,例如
cat1
和cat2
。note note NOTE 您也可以使用類別的標籤。 -
選取完成圖示。 您現在必須轉出您的變更。
現在,您在產品元件中的資產有一個類別。 您可以設定在三個不同層級顯示哪個類別:
選取要顯示影像的機制如下:
- 驗證是否為產品頁面設定了類別。
- 如果沒有,請確認是否為目錄設定了類別。
- 如果沒有,請確認是否為產品主控台設定了類別。
產品頁面 product-page
- 導覽至您的產品頁面。
- 編輯 產品元件。
- 輸入您選擇的 影像類別 (例如
cat1
)。 - 選取 完成。 頁面會重新整理,且應會顯示正確的資產。
目錄 catalog
- 導覽至您的目錄。
- 選取 檢視屬性。
- 選取 編輯。
- 選取「資產」標籤。
- 輸入必要的 產品資產類別。
- 選取「完成」。
- 轉出您的變更。
產品主控台 products-console
- 使用 產品 主控台,導覽至所需的產品。
- 選取 檢視產品資料。
- 選取 編輯。
- 輸入 預設資產類別。
- 選取「完成」。
- 轉出您的變更。
發佈/取消發佈產品資訊 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
節點。
您可以在OSGI事件( /system/console/events
)的Web主控台中檢視它們,例如:
含有加入購物車連結的影像 image-with-add-to-cart-links
包含加入購物車連結的影像元件可讓您在影像上建立與產品連結的熱點,快速將產品加入購物車。
按一下熱點會開啟對話方塊,讓您選擇產品的大小和數量。
-
導覽至您要新增元件的頁面。
-
將元件拖放到頁面中。
-
從資產瀏覽器拖放元件中的影像。
-
您可以執行下列兩個動作中的一個:
- 按一下元件,然後按一下編輯圖示
- 進行緩慢連按兩下
-
按一下全熒幕圖示。
-
按一下「啟動地圖」圖示。
-
按一下其中一個形狀圖示。
-
視需要修改和移動形狀。
-
按一下形狀。
-
按一下瀏覽圖示會開啟資產選擇器。
note note NOTE 或者,您可以直接鍵入必須在產品層級而不是變體層級的產品路徑。 -
按兩下確認圖示,然後按一下退出全熒幕。
-
在頁面元件旁的某處按一下。 頁面應該會重新整理,且您應該會在影像上看到下列符號:
-
切換至預覽模式。
-
按一下+熱點。 會開啟一個對話方塊,您可在其中選擇在 路徑 中輸入的產品大小與數量。
-
輸入大小與數量。
-
按一下加入購物車按鈕。 對話方塊關閉。
-
導覽至您的購物車。 產品應在這裡。
設定選項 configuration-options
您可以設定當您按一下熱點時對話方塊的外觀:
-
按一下元件,然後按一下設定圖示。
-
向下捲動。 有 加入購物車 標籤。
-
按一下 加入購物車。 有三個組態選項可供您使用。
-
按一下「完成」圖示。
目錄 catalogs
產生目錄 generating-a-catalog
產生目錄 — 觸控最佳化UI generating-a-catalog-touch-optimized-ui
若要產生目錄:
-
開啟Sites主控台(例如,http://localhost:4502/sites.html/content)。
-
導覽至您要建立頁面的位置。
-
若要開啟選項清單,請使用 建立 圖示:
-
從清單中選取 建立目錄。 「建立目錄」精靈隨即開啟。
-
導覽至所需的目錄Blueprint。
-
選取 選取 按鈕,然後按一下所需的目錄Blueprint。
-
選取 「下一步」。
-
輸入 標題 和 名稱。
-
選取 建立 按鈕。 目錄隨即建立,對話方塊隨即開啟。
-
選取「完成」按鈕可讓您回到Sites主控台,在那裡可以檢視您的目錄。
點選/按一下 開啟目錄 按鈕會開啟您的目錄(例如,
http://localhost:4502/editor.html/content/test-catalog.html
)。
產生目錄 — Classic UI generating-a-catalog-classic-ui
-
使用 網站 主控台,導覽至您的 目錄Blueprint,然後導覽基本目錄。
例如:
http://localhost:4502/siteadmin#/content/catalogs/geometrixx-outdoors/base-catalog
-
使用 區段Blueprint 範本建立頁面。
例如,
Swimwear
。 -
開啟新的
Swimwear
頁面,然後按一下 編輯Blueprint。 屬性 對話方塊開啟,您可以設定 產品 選項。例如,開啟 標籤/關鍵字 欄位以選取「活動」,然後從「Geometrixx — 戶外」區段選取「游泳」。
-
按一下「確定」 以儲存您的屬性;範例產品會顯示在Blueprint頁面的「產品選取條件」下。
-
按一下 轉出變更……,選取 轉出頁面與所有子頁面,然後按一下 下一步,再按一下 轉出。 轉出成功完成後,狀態 指標會顯示為綠色。
-
您現在可以按一下 關閉 並檢查新目錄區段;例如,在和底下:
http://localhost:4502/cf#/content/geometrixx-outdoors/en/swimwear.html
-
再次從Blueprint頁面按一下 編輯Blueprint,然後在 屬性 對話方塊中開啟 產生的頁面 標籤。 在「橫幅」清單欄位中,選取您要顯示的影像,例如
summer.jpg
-
按一下「確定」 以儲存您的屬性;橫幅資訊會顯示在Blueprint頁面的 產品選取條件 下。
-
轉出這些新變更。
轉出目錄 rolling-out-a-catalog
推出目錄 — 觸控最佳化UI rolling-out-a-catalog-touch-optimized-ui
轉出目錄:
轉出目錄 — Classic UI rolling-out-a-catalog-classic-ui
轉出目錄:
-
導覽至您要轉出的目錄。 例如:
http://localhost:4502/cf#/content/catalogs/geometrixx-outdoors/base-catalog.html
-
按一下 轉出變更……
-
視需要設定轉出。
-
按一下 轉出。
Blueprint Importer blueprint-importer
Blueprint Importer — 觸控最佳化的UI blueprint-importer-touch-optimized-ui
-
透過 Commerce 瀏覽至 目錄 主控台。
-
導覽至您要匯入目錄Blueprint的位置。
-
選取 匯入藍圖 圖示。
-
在精靈中,視需要選取Source,然後按一下[下一步]。
-
匯入完成時選取 完成。
Blueprint Importer — 傳統UI blueprint-importer-classic-ui
-
使用 工具 主控台,導覽至 Commerce。
例如:
http://localhost:4502/miscadmin#/etc/commerce
-
開啟 目錄Blueprint匯入工具。
-
視需要設定匯入。
-
按一下 匯入目錄Blueprint。
促銷活動 promotions
建立促銷活動 creating-a-promotion
建立促銷活動 — Classic UI creating-a-promotion-classic-ui
-
開啟作者執行個體的 網站 主控台。
-
在左窗格中,選取您所需的 促銷活動。
-
按一下「新增 」,選取 促銷活動 範本,然後指定新憑單的 標題 (及必要時指定 名稱 )。
-
按一下「建立」。新的促銷活動頁面會顯示在右側窗格中。
-
編輯 屬性,方法如下:
- 開啟頁面,然後按一下「編輯」按鈕以開啟「屬性」對話方塊
- 在網站主控台中選取頁面,然後使用內容功能表(通常是滑鼠右鍵)選取 內容…… 並開啟內容對話方塊
指定 促銷活動型別、折扣型別、折扣值 以及任何其他必要的欄位。
-
按一下 確定 以儲存。
-
您現在可以啟動促銷活動,讓購物者可以在發佈例項上檢視。
憑單 vouchers
建立憑單 creating-a-voucher
建立憑單 — 傳統UI creating-a-voucher-classic-ui
-
開啟作者執行個體的 網站 主控台。
-
在左窗格中,選取您所需的 促銷活動。
-
按一下「新增 」,選取 憑單 範本,然後指定新憑單的 標題 (及必要時指定 名稱 )。
-
按一下「建立」。新的憑單頁面會顯示在右側窗格中。
-
按兩下以開啟您的新憑單頁面,然後按一下[編輯] 並視需要設定資訊。
-
按一下 確定 以儲存。
-
您現在可以啟用憑單,讓購物者可以在發佈執行個體的購物車中使用它。
移除憑單 removing-vouchers
移除憑單 — 傳統UI removing-vouchers-classic-ui
若要讓憑單無法供客戶使用,您可以:
- 停用憑單 — 其仍可在作者環境中使用,以便您稍後重新啟用。
- 將其完全刪除。
這兩項動作都可以從 網站 主控台完成。
修改憑單 modifying-vouchers
修改憑單 — 傳統UI modifying-vouchers-classic-ui
若要變更憑單或促銷活動的內容,您可以在 網站 主控台上連按兩下,然後按一下 編輯。 儲存後,您應該啟動它,以便將變更推送至發佈執行個體。
新增憑單至購物車 adding-vouchers-to-a-cart
若要讓使用者將憑單新增至購物車,您可以使用內建的 憑單 元件(Commerce類別)。 將此專案新增到顯示購物車的相同頁面(但這並非強制性)。 憑單元件只是使用者可在其中輸入憑單代碼的表單,它是實際顯示套用憑單清單及其折扣的購物車元件。
在示範網站(Geometrixx Outdoors文 — 英文)中,您可以在購物車頁面上實際購物車下方看到憑單表單。
訂購 orders
/etc/scaffolding/geometrixx-outdoors/order/jcr:content/cq:dialog
建立訂單資訊 creating-order-information
建立訂單資訊 — 觸控最佳化UI creating-order-information-touch-optimized-ui
-
使用 訂單 主控台導覽至所需位置。
-
使用 建立 圖示來選取 建立訂單。
-
精靈隨即開啟。 使用 Basic、Content、Payment 及 Fulfillment 索引標籤,輸入有關新訂單🔗的資訊。
-
選取 建立 以儲存資訊。