AEM內容與商務製作選擇器

AEM內容與商務製作提供一組製作工具,可協助AEM作者和行銷人員有效處理商務產品資料和目錄。 產品選擇器和類別選擇器是CIF附加元件的一部分,並供CIF核心元件使用。 專案可在任何元件對話方塊中使用這些選取器來選取產品或類別。

產品挑選器

若要在專案元件中使用產品選擇器,開發人員必須將commerce/gui/components/common/cifproductfield新增至元件對話方塊。 例如,在cq:dialog中使用下列項目:

<product jcr:primaryType="nt:unstructured"
    sling:resourceType="commerce/gui/components/common/cifproductfield"
    fieldDescription="The product or product variant displayed by the teaser"
    fieldLabel="Select Product"
    filter="folderOrProductOrVariant"
    name="./selection"
    selectionId="sku"/>

產品欄位可導覽至使用者要透過不同檢視選取的產品。 依預設,產品欄位會傳回產品的ID,但可使用selectionId屬性進行設定。

產品選擇器欄位支援下列可選屬性:

  • selectionId(id、uid、sku、snug、combinedSlug、combinedSku) — 可選取器要傳回的產品屬性(預設= id)。 使用sku會傳回所選產品的SKU,而使用combinedSku並傳回字串,例如base#variant與基本產品和所選變體的SKU,或如果選取了基本產品,則傳回單一SKU。
  • filter(folderOrProduct、folderOrProductOrVariant) — 篩選器在導覽產品樹狀結構時要由選擇器呈現的內容。 folderOrProduct — 轉譯資料夾和產品。 folderOrProductOrVariant — 轉譯資料夾、產品和產品變體。 如果轉譯了產品或產品變體,也可在選擇器中選取它。 (預設= folderOrProduct)
  • 多個(true, false) — 啟用選取一或多個產品(預設= false)
  • emptyText — 配置選擇器欄位的空文本值

此外,也支援標準診斷欄位屬性,例如namefieldLabelfieldDescription

注意

cifproductfield元件需要cif.shell.picker clientlib。 若要將clientlib新增至對話方塊,您可以使用extraClientlibs屬性。

CIF核心元件專案中提供cifproductfield的完整運作範例。 另請參閱AEM核心元件檔案的自訂對話方塊

類別選擇器

類別選擇器也可以像產品選擇器一樣,在元件對話方塊中使用。

下列程式碼片段可用於cq:dialog設定:

<category jcr:primaryType="nt:unstructured" 
    sling:resourceType="commerce/gui/components/common/cifcategoryfield" 
    fieldLabel="Category" 
    name="./categoryId" 
    selectionId="uid" />

類別選擇器欄位支援下列可選屬性:

  • selectionId(id, uid, snug, idAndUrlPath, uidAndUrlPath) — 允許選擇器要傳回的類別屬性(預設= id)。 idAndUrlPath & uidAndUrlPath是儲存類別id/uid和url_path的特殊選項,以 |字元,例如1|men/tops。
  • 多個(true, false) — 啟用選取一或多個類別(預設= false)

此外,也支援標準診斷欄位屬性,例如namefieldLabelfieldDescription

注意

cifproductfield元件相同, cifcategoryfield元件也需要cif.shell.picker clientlib。 若要將clientlib新增至對話方塊,您可以使用extraClientlibs屬性。 請參閱AEM核心元件檔案的自訂對話方塊

CIF核心元件專案中提供cifcategoryfield的完整運作範例。

本頁內容