L’authoring di contenuti e commercio AEM fornisce una serie di strumenti di authoring per aiutare gli autori e gli esperti di marketing AEM a lavorare in modo efficiente con i dati di prodotto e i cataloghi commerciali. Il selettore prodotti e il selettore categorie fanno parte del componente aggiuntivo CIF e sono 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 prodotti in un componente del progetto, uno sviluppatore deve aggiungere commerce/gui/components/common/cifproductfield
nella finestra di dialogo di un componente. Ad esempio, utilizza quanto segue per 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 fino 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 selectionId
attributo.
Il campo del selettore prodotti supporta le seguenti proprietà facoltative:
Inoltre, le proprietà dei campi diaglog standard come name
, fieldLabel
, o fieldDescription
sono supportati anche.
Il cifproductfield
il componente richiede cif.shell.picker
clientlib. Per aggiungere una libreria client 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 CIF Core Components versione 1.x.
Un esempio di funzionamento completo del cifproductfield
si trova nella sezione Componenti core CIF progetto. Vedi anche Personalizzazione delle finestre di dialogo della documentazione dei Componenti core AEM.
Il selettore categorie può essere utilizzato anche nella finestra di dialogo di un componente, in modo simile al selettore prodotti.
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à dei campi diaglog standard come name
, fieldLabel
, o fieldDescription
sono supportati anche.
Come il cifproductfield
componente il cifcategoryfield
richiede anche il cif.shell.picker
clientlib. Per aggiungere una libreria client a una finestra di dialogo, puoi utilizzare extraClientlibs
proprietà. Consulta Personalizzazione delle finestre di dialogo della documentazione dei 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
E idAndUrlPath
solo per i progetti che utilizzano CIF Core Components versione 1.x.
Un esempio di funzionamento completo del cifcategoryfield
si trova nella sezione Componenti core CIF progetto.