AEM Content & Commerce Authoring fornisce una serie di strumenti di authoring per aiutare AEM autori e gli addetti al marketing a lavorare in modo efficiente con i dati e i cataloghi dei prodotti commerce. Il selettore dei prodotti e il selettore delle categorie fanno parte del componente aggiuntivo CIF e vengono utilizzati dai componenti core CIF. I progetti possono utilizzare questi selettori in qualsiasi finestra di dialogo dei componenti per selezionare prodotti o categorie.
Per utilizzare il selettore dei prodotti in un componente del progetto, uno sviluppatore deve aggiungere commerce/gui/components/common/cifproductfield
a una finestra di dialogo del componente. Ad esempio, utilizza quanto segue per il 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"/>
Il campo prodotto consente di navigare al prodotto che un utente desidera selezionare tramite le diverse viste. Per impostazione predefinita, il campo prodotto restituisce l’ID del prodotto, ma può essere configurato utilizzando la variabile selectionId
attributo.
Il campo del selettore prodotti supporta le seguenti proprietà facoltative:
Inoltre, le proprietà standard del campo del diagramma, come name
, fieldLabel
oppure fieldDescription
sono supportati anche .
La cifproductfield
il componente richiede cif.shell.picker
clientlib. Per aggiungere una clientlib a una finestra di dialogo, puoi utilizzare la proprietà extraClientlibs .
A partire dalla versione 2.0.0 dei componenti core CIF , il supporto per id
è stato rimosso e sostituito con uid
. Si consiglia vivamente di utilizzare sku
o slug
come identificatore del prodotto. Continuiamo a supportare id
solo per i progetti che utilizzano i componenti core CIF versione 1.x.
Un esempio di funzionamento completo della cifproductfield
si trova nella Componenti core CIF progetto. Vedi anche Personalizzazione delle finestre di dialogo della documentazione sui componenti core AEM.
Il selettore categoria può essere utilizzato in una finestra di dialogo di un componente e in modo simile al selettore del prodotto.
Il seguente snippet può essere utilizzato in una configurazione cq:dialog:
<category jcr:primaryType="nt:unstructured"
sling:resourceType="commerce/gui/components/common/cifcategoryfield"
fieldLabel="Category"
name="./categoryId"
selectionId="uid" />
Il campo del selettore delle categorie supporta le seguenti proprietà facoltative:
Inoltre, le proprietà standard del campo del diagramma, come name
, fieldLabel
oppure fieldDescription
sono supportati anche .
Come per la cifproductfield
componente cifcategoryfield
il componente richiede anche cif.shell.picker
clientlib. Per aggiungere una clientlib a una finestra di dialogo, puoi utilizzare la funzione extraClientlibs
proprietà. Vedi Personalizzazione delle finestre di dialogo della documentazione sui componenti core AEM.
A partire dalla versione 2.0.0 dei componenti core CIF , il supporto per id
è stato rimosso e sostituito con uid
. Si consiglia vivamente di utilizzare uid
o urlPath
come identificatore di categoria. Continuiamo a supportare id
& idAndUrlPath
solo per i progetti che utilizzano i componenti core CIF versione 1.x.
Un esempio di funzionamento completo della cifcategoryfield
si trova nella Componenti core CIF progetto.